背景

業(yè)務(wù)需要，樹形表格每行可選一個下拉列，下拉數(shù)據(jù)依據(jù)行ID

創(chuàng)新互聯(lián)致力于互聯(lián)網(wǎng)網(wǎng)站建設(shè)與網(wǎng)站營銷，提供網(wǎng)站設(shè)計制作、網(wǎng)站制作、網(wǎng)站開發(fā)、seo優(yōu)化、網(wǎng)站排名、互聯(lián)網(wǎng)營銷、成都微信小程序、公眾號商城、等建站開發(fā)，創(chuàng)新互聯(lián)網(wǎng)站建設(shè)策劃專家，為不同類型的客戶提供良好的互聯(lián)網(wǎng)應(yīng)用定制解決方案，幫助客戶在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢。

效果

如上圖，每一行的批次列下拉框依據(jù)產(chǎn)品代號展示。

疑難

怎么讓下拉根據(jù)行代號獲取數(shù)據(jù)？
想到兩種解決方案：1、初始化加載datagrid實現(xiàn) 2、點擊的時候動態(tài)改變下拉combobox請求地址實現(xiàn)

方案1
嘗試了重繪單元格時動態(tài)設(shè)置請求地址，html代碼是完成了，但是也上識別不出mini對象，根本彈不出；失敗
嘗試數(shù)據(jù)field內(nèi)容設(shè)置為combobox內(nèi)容，內(nèi)容過去了，頁面沒下拉功能；失敗

方案2
點擊時設(shè)置，事件好監(jiān)控，問題是沒有獨立的Id無法使用“mini.get()”獲取到combobox元素，想設(shè)置有心無力。
過程中發(fā)現(xiàn)事件的e對象可以識別到當(dāng)前行下標，行node都反查出來了，就是不知道怎么拿combobx，費腦子的很。
繼續(xù)翻Api發(fā)現(xiàn)mini.getByName可以獲取到元素，就想試試。咱有下標啊，大不了定位唄，沒想到，還真成了。不僅拿到了，而且只有一個。被我發(fā)現(xiàn)了，行編輯當(dāng)前只有一個在進行，其他的根本未激活，應(yīng)該是，因為只拿到當(dāng)前行。

成功

總結(jié)

1、獲取datagrid行數(shù)據(jù)，使用mini.get("datagrid1").getSelect()
因為：不用和我一樣，根據(jù)單元格元素，獲取下標，在反查行，沒這么麻煩，上面一節(jié)了當(dāng)。

2、datagrid單元格編輯，必須開啟allowCellSelect="true" allowCellEdit="true" multiSelect="true" 元素必須開起<div property="editor">屬性
3、樹形grid復(fù)選框使用datagrid的，好處是使用mini.get("treeTable").getSelectedNodes()直接獲取一整行數(shù)據(jù)，方便。

源碼如下：

<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">
<div property="columns">
<div type="checkcolumn" width="50">選擇</div>
<div field="batchNumbers" renderer="onBatchNumberCombobox">批次
<div name="batchNumberCombobox" property="editor" class="mini-combobox" style="width:250px;" popupWidth="400" textField="ID" valueField="ID"
url="report/batchNumberList.action" value="" multiSelect="true" showClose="true" onbeforeshowpopup="beforeshowpopup" >'
<div property="columns">
<div header="批次號" field="ID"></div>
<div header="產(chǎn)品代號" field="TEXT"></div>
</div>
</div>
</div>
</div>
</div>

    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動態(tài)設(shè)置每行combobox下拉內(nèi)容的關(guān)鍵點及思路，我是沫沫金，我在51cto。

當(dāng)前名稱：【沫沫金】miniui表格DataGrid動態(tài)Combobox功能實現(xiàn)
本文URL：http://m.rwnh.cn/article18/iggidp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、虛擬主機、企業(yè)網(wǎng)站制作、品牌網(wǎng)站設(shè)計、用戶體驗、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)