BUI 表单弹出框编辑

http://www.cnblogs.com/xmax130/p/4737221.html

这个需求比较简单,就是下拉列表的项是异步请求过来的加载的,而点击gird的编辑一行按钮实现动态选择表单的行内容:


BUI 表单弹出框编辑_第1张图片

点击编辑效果:


BUI 表单弹出框编辑_第2张图片
图中的RulesDictID项是从后台异步获取的.那么我们在前端这样写:
复制代码


复制代码

而在js中


复制代码


复制代码

注意,我们必须在grid增加一个事件监听器listeners在cellclick事件增加一个获取editor的编辑器值,从而获取当前点击行的值record.
record属性包含当前编辑器保存的整个对象属性,所以直接可以获取绑定到gird时候的属性RulesDictID,由于bui框架生成html后下拉框附加一个.bui-select-input 的样式,所以通过在渲染select时候的id+这个样式名可以对这个下拉框进行赋值.
如果不增加这个函数进行赋值,则默认使用异步过来的select是无法选取初始值的,在其所在div附加上样式bui-form-field-select 虽然能解决选取问题,但会出现3个下拉框非常恼火.
如果大家有更好的解决方案,可以在下面进行回复.

你可能感兴趣的:(BUI 表单弹出框编辑)