MINIUI表单不可操作

MINIUI Form控件只读设置
部署运行你感兴趣的模型镜像

MINIUI的form控件无法直接setReadOnly(true);

需要通过遍历form元素设置只读

var form = new mini.Form("editForm1")

var controls=form.getFields();
  $(controls).each(function(i,item){
  item.setReadOnly(true);
})

转载于:https://www.cnblogs.com/rememberW/p/9076313.html

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

Stable-Diffusion-3.5

图片生成
Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型,相比 3.0 版本,它提升了图像质量、运行速度和硬件效率

### JQuery 和 MiniUI 使用示例及比较 #### JQuery 简介与使用方法 JQuery 是一种快速、简洁的 JavaScript 庢库,它简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互的过程。以下是几个常见的使用场景: 1. **基本选择器** - `$("p")` 可用于选取所有的 `<p>` 元素[^1]。 - 若要获取特定类名的段落元素,则可以使用 `$("p.intro")` 来选取所有具有 `class="intro"` 的 `<p>` 元素。 2. **属性选择器** - `$("[href]")` 能够选取文档中所有带 `href` 属性的标签。 - 如果需要更精确的选择条件,例如链接指向某个具体地址,可写成 `$("[href='https://example.com']")`. 3. **CSS 操作** - 修改样式可以通过 `.css()` 方法实现。例如设置背景颜色为红色: ```javascript $("p").css("background-color", "red"); ``` 4. **表单操作** - 获取选中的单选按钮值可以用如下方式: ```javascript var selectedValue = $("input[name=selectRelType]:checked").val(); ``` - 对于隐藏域的操作也可以通过类似的方式完成: ```javascript var hiddenInputs = $("form[name=TemplateForm] input[type=hidden]"); ``` 5. **错误处理** - 当尝试访问不存在的对象时(如未找到 ID 名称为 `input3` 的输入框),变量会返回 `undefined`。这有助于开发者提前判断是否存在目标对象再执行后续逻辑[^1]: ```javascript var inputValue; try { inputValue = $("#input3").val(); } catch (e) { console.error('Element not found'); } ``` #### MiniUI 特性和实例 MiniUI 是一套基于 B/S 架构的企业级 UI 控件集,支持跨浏览器兼容性并提供丰富的组件功能。下面列举了一些典型的应用案例及其特点对比分析: 1. **数据网格展示** - 利用 MiniUI 创建表格视图非常直观简单,只需定义好列结构即可自动渲染大量复杂的数据列表项。相比纯手写的原生 JS 或者依赖其他框架来说更加高效便捷。 2. **对话框弹窗管理** - 提供多种内置样式的模态窗口解决方案,允许自定义标题栏内容、主体区域布局甚至底部动作按钮组配置选项等等。这些特性使得构建用户体验友好的界面成为可能。 3. **树形控件应用** - 支持无限层级嵌套显示文件夹目录或者组织架构关系等内容形式;同时还具备拖拽排序等功能扩展模块可供选用。 ##### 示例代码片段 ```html <!-- 引入必要资源 --> <link rel="stylesheet" type="text/css" href="/miniui/themes/default/min.css"/> <script src="/jquery/jquery.min.js"></script> <script src="/miniui/miniui.js"></script> <div id="datagridExample"> <!-- 数据源绑定 --> </div> <script type="text/javascript"> // 初始化 DataGrid 实例化过程省略... new mini.DataGrid({ el: '#datagridExample', columns:[ {header:'编号', field:'id'}, {header:'姓名', field:'name'} ], data:[{id:"001", name:"张三"}, {id:"002", name:"李四"}] }); </script> ``` #### 性能考量与适用范围讨论 尽管两者都致力于提升前端开发效率,但在实际项目选型阶段仍需综合考虑各自优劣之处: - **学习曲线方面**:由于 jQuery 更加贴近原始 DOM API 设计哲学的缘故,在初学者眼中显得相对容易理解掌握一些; - **生态体系完备度差异明显**:经过多年发展积累下来庞大的第三方插件市场无疑让前者占据绝对优势地位; - **轻量化需求匹配程度不同**:对于追求极致加载速度的小型站点而言,引入整个 jQuery 文件或许有些大材小用了——此时单独提取所需部分函数封装成独立工具包不失为明智之举;而后者则更适合那些注重一致性的大型商业软件平台建设工作当中去采用。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值