当前位置：首页 > news >正文

淄博政府网站建设专家/百度客服系统

news 2025/7/2 1:33:33

淄博政府网站建设专家,百度客服系统,宣传片制作公司简介,如何给网站做防盗链功能效果：点击复选框在表格中自动增加相关信息行，复选框取消则表格中内容自动删除初始效果大概是这样~~~~~ // 定义初始存放表格数据var gridItems [];//省份复选框var $provinceCheckbox01 new Ext.form.CheckboxGroup({xtype: checkboxgroup,field…

功能效果：点击复选框在表格中自动增加相关信息行，复选框取消则表格中内容自动删除

初始效果大概是这样~~~~~

 // 定义初始 存放表格数据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);}