原文:FineUI小技巧(2)将表单内全部字段禁用、只读、设置无效标识

需求描述 对表单内的所有字段进行操作也是常见需求,这些操作有: 禁用:表单字段变灰,不响应用户动作。 只读:表单字段不变灰,但不接受用户输入 实际上是设置DOM节点的readonly属性 ,有触发器的要隐藏起来 设置无效标识:一般用在服务器端验证失败的提示信息 界面效果 默认状态 禁用状态 只读状态 设置无效标识状态 前台代码 前台代码非常直观,只是一个Form控件外加几个Button控件,按钮的 ...

2014-06-23 14:29 25 9248 推荐指数:

查看详情

如何禁用 radio ,设置只读,不能选定

如何禁用 radio ,设置只读,不能选定 禁用 radio ,设置只读,不能选定: <input name="gender" type="radio" value="1" disabled/> <span >男</span> ...

Wed Dec 09 18:51:00 CST 2015 1 13049
FineUI技巧(4)关闭窗体那些事

前言 FineUI中的Window控件常用作选择、新增或编辑内容。而关闭Window控件却有很多技巧,了解这些技巧有助于项目的快速开发。 如何关闭Window控件 第一个问题就是如何关闭Window控件,最明显的方式就是右上角的关闭图标了。总的说来,有三种方式: ESC按键 ...

Fri Jun 27 18:23:00 CST 2014 16 11160
FineUI技巧(7)多表头表格导出

前言 之前我们曾写过一篇文章 FineUI技巧(3)表格导出与文件下载,对于在 FineUI 中导出表格数据进行了详细描述。今天我们要更进一步,介绍下如何导出多表头表格。 多表头表格的标签定义 在 ASPX 中,我们通过 GroupField 列来定义多表头,如下所示: <f ...

Tue Nov 18 17:30:00 CST 2014 54 7242
element-ui 设置input的只读禁用

只读:readonly 在data里定义:readonly: true, 然后在input框里加上readonly就可以了。 禁用:disabled 在data里定义:edit: true, 然后在input框里加上::disabled="edit"就可以了 ...

Tue Sep 04 02:12:00 CST 2018 0 10402
FineUI技巧(1)简单的购物车页面

起因 最初是一位 FineUI 网友对购物车功能的需求,需要根据产品单价和数量来计算所有选中商品的总价。 这个逻辑最好在前台使用JavaScript实现,如果把这个逻辑移动到后台C#实现,则会导致过多的AJAX请求而影响用户体验。 最终效果 准备数据 在生成页面之前 ...

Wed Jun 18 19:12:00 CST 2014 27 20159
FineUI技巧(3)表格导出与文件下载

需求描述 实际应用中,我们可能需要导出表格内容,或者在页面回发时根据用户权限下载文件(注意,这里的导出与下载,都是在后台进行的,和普通的一个链接下载文件不同)。 点击按钮导出表格 由于FineUI 默认支持AJAX,而导出与下载其实是一种破坏AJAX的操作,因为一般的导出代码如下所示 ...

Tue Jun 24 18:15:00 CST 2014 26 9329
FineUI技巧(6)自定义页面回发

前言 FineUI中的绝大部分回发事件都是由控件触发了,比如按钮的点击事件,下拉列表的改变事件,表格的排序分页事件。但有时我们可能会要自己触发页面回发,这时就要知道怎么使用 JavaScript 来做了,当然这个过程还是 FineUI 所默认支持的AJAX。 手工调用__doPostBack ...

Tue Jul 01 17:03:00 CST 2014 79 13755
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM