网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

【沫沫金】miniui表格DataGrid动态Combobox功能实现-创新互联

背景

业务需要,树形表格每行可选一个下拉列,下拉数据依据行ID

创新互联公司专注于企业全网整合营销推广、网站重做改版、广阳网站定制设计、自适应品牌网站建设、H5页面制作商城建设、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为广阳等各大城市提供网站开发制作服务。

效果

【沫沫金】miniui表格DataGrid动态Combobox功能实现
如上图,每一行的批次列下拉框依据产品代号展示。

疑难

怎么让下拉根据行代号获取数据?
想到两种解决方案:1、初始化加载datagrid实现 2、点击的时候动态改变下拉combobox请求地址实现

方案1
尝试了重绘单元格时动态设置请求地址,html代码是完成了,但是也上识别不出mini对象,根本弹不出;失败
尝试数据field内容设置为combobox内容,内容过去了,页面没下拉功能;失败

方案2
点击时设置,事件好监控,问题是没有独立的Id无法使用“mini.get()”获取到combobox元素,想设置有心无力。
过程中发现事件的e对象可以识别到当前行下标,行node都反查出来了,就是不知道怎么拿combobx,费脑子的很。
继续翻Api发现mini.getByName可以获取到元素,就想试试。咱有下标啊,大不了定位呗,没想到,还真成了。不仅拿到了,而且只有一个。被我发现了,行编辑当前只有一个在进行,其他的根本未激活,应该是,因为只拿到当前行。

成功

总结

1、获取datagrid行数据,使用mini.get("datagrid1").getSelect()
因为:不用和我一样,根据单元格元素,获取下标,在反查行,没这么麻烦,上面一节了当。

2、datagrid单元格编辑,必须开启allowCellSelect="true" allowCellEdit="true" multiSelect="true" 元素必须开起

属性
3、树形grid复选框使用datagrid的,好处是使用mini.get("treeTable").getSelectedNodes()直接获取一整行数据,方便。

源码如下:
<div id="treeTable" class="mini-treegrid" treeColumn="product" idField="id" parentField="parentId"

style="width: 100%; height:90%;" showTreeIcon="true" resultAsTree="false"
checkRecursive="false" value="11000514" expandOnLoad="3" allowCellSelect="true" allowCellEdit="true" multiSelect="true">


选择

批次
url="report/batchNumberList.action" value="" multiSelect="true" showClose="true" onbeforeshowpopup="beforeshowpopup" >'







function beforeshowpopup(e) {
    var treegrid = mini.get("treeTable");
    var rowNode = treegrid.getSelected();
    var bnc = mini.getByName("batchNumberCombobox");
    bnc.load("report/batchNumberList.action?productCode="+rowNode.productCode);
}

好了,今天就到这里,给大家分享的miniui表格datagrid动态设置每行combobox下拉内容的关键点及思路,我是沫沫金,我在51cto。

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网页题目:【沫沫金】miniui表格DataGrid动态Combobox功能实现-创新互联
网页网址:http://bjjierui.cn/article/ccsihh.html

其他资讯