国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Extjs 點擊復選框在表格中增加相關信息行

2019-11-20 09:30:21
字體:
來源:轉載
供稿:網友

功能效果:點擊復選框在表格中自動增加相關信息行,復選框取消則表格中內容自動刪除

初始效果大概是這樣~~~~~

// 定義初始 存放表格數據var gridItems = [];//省份復選框var $provinceCheckbox01 = new Ext.form.CheckboxGroup({xtype: 'checkboxgroup',fieldLabel: '省份選擇',labelWidth: 60,columns: 9,vertical: true,margin: '10 0 0 15',defaults: {labelWidth: 80,width: 60,labelAlign: "left"},items: provinceItems, //provinceItems是從其他渠道獲取的數據listeners: {change: OnChange // 復選框改變事件}});//表格初始數據模型var gridPanelStore = new Ext.data.Store({fields: ['discount', 'provinceId', 'provinceName'],data: {'items': ''},proxy: {type: 'memory',reader: {type: 'json',root: 'items'}}});// gridvar $grid = new Ext.grid.Panel({store: gridPanelStore,selType: 'rowmodel',singleSelect: true,margin: '20 0 0 0',columns: [{xtype: 'rownumberer',header: '序號',width: 70,align: 'center'}, {header: '省份',width: 150,sortable: true,menuDisabled: true,align: 'center',dataIndex: 'provinceName'}, {header: '折扣',width: 100,menuDisabled: true,sortable: true,align: 'center',dataIndex: 'discount',editor: {allowBlank: false}}],dockedItems: [{xtype: "pagingtoolbar",dock: "bottom",displayInfo: true}],plugins: [cellEditing]});//事件監聽function OnChange(newValue, oldValue, eOpts) {// 清空數據gridItems = [];//選中省份IDvar checkedId = this.getValue().xxx;//判斷選中數量if(checkedId==undefined){gridItems = [];} else if (checkedId.length == undefined) {for (var i = 0; i < provinceItems.length; i++) {if (provinceItems[i].inputValue == checkedId) {gridItems[0] = {"provinceId": checkedId,"provinceName": provinceItems[i].boxLabel,"discount": "1"};}}}else if(checkedId.length !== undefined){for(var j = 0;j<checkedId.length;j++){for (var o = 0; o < provinceItems.length; o++) {if (provinceItems[o].inputValue == checkedId[j]) {gridItems[j] = {"provinceId": checkedId[j],"provinceName": provinceItems[o].boxLabel,"discount": "1"};}}}}//console.log($gridItems);$grid.store.loadData($gridItems, false);}

類似的這種功能實際用到的可能不是很多。

做這個功能的時候,點擊復選框之后獲取到的數據一直放不到grid中。

最開始是想把取到的值,直接賦給 gridPanelStore.data.items ,但是賦值之后 用 store.reload() 刷新表格數據總是報錯,說是方法錯了。

我覺得(不一定對啊~),可能是因為我的數據模型里面套了太多層,導致直接從grid的store reload()才回報錯的。

最后查找API,才發現了loadData 可以直接給數據傳值。

我用的是Boolean值是 false。

以上所述是小編給大家介紹的Extjs 點擊復選框在表格中增加相關信息行,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 丽水市| 武城县| 聂拉木县| 白山市| 镇雄县| 普安县| 乌兰察布市| 嫩江县| 朝阳区| 汉川市| 镇宁| 韶关市| 浮山县| 永康市| 中牟县| 西安市| 本溪| 南岸区| 宁武县| 贵阳市| 毕节市| 大丰市| 甘泉县| 辽阳县| 太湖县| 嘉祥县| 南澳县| 蓬安县| 隆子县| 延安市| 龙里县| 郯城县| 新龙县| 福泉市| 南陵县| 青海省| 密山市| 永兴县| 尖扎县| 尖扎县| 宁河县|