Efecto de la función: haga clic en la casilla de verificación para agregar automáticamente filas de información relevantes a la tabla. Si se cancela la casilla de verificación, el contenido en la tabla se eliminará automáticamente.
Este es probablemente el efecto inicial ~~~~
// Define the initial storage of table data var gridItems = [];//Province check box var $provinceCheckbox01 = new Ext.form.CheckboxGroup({xtype: 'checkboxgroup',fieldLabel: 'Province selection',labelWidth: 60,columns: 9,vertical: true,margin: '10 0 0 15',defaults: {labelWidth: 80,width: 60,labelAlign: "left"},items: provinceItems, //ProvinceItems is data obtained from other channels listeners: {change: OnChange // Check box changes event}});//Table initial data model 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: 'Número de serie', ancho: 70, align: 'Center'}, {encabezado: 'provincia', ancho: 150, satable: true, menudisable: true, align: 'center', dataindex: 'provincia', dataindex: 'descuento', editor: {tampeblank: false}], dockeditems "PagingToolBar", Dock: "Bottom", DisplayFo: True}], Plugins: [Cellediting]}); // Función de escucha de eventos OnChange (NewValue, OldValue, EOPTS) {// Borrar griditems = []; // Seleccionar el número de provincia IdvarChedid = 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, "Descuento": "1"};}}} else if (checkedid.length! == undefined) {for (var j = 0; j <checkedid.length; j ++) {for (var o = 0; o <provinceItems.length; o ++) {if (provinceItemss. {GridItems [j] = {"ProvinceID": checkedID [j], "ProvinceName": ProvinceItems [O] .BoxLabel, "Descuento": "1"};}}}} // Console.log ($ griditems); $ grid.store.loaddata ($ griditems);}Las funciones similares pueden no usarse de muchas maneras.
Al realizar esta función, los datos obtenidos después de hacer clic en la casilla de verificación no se colocarán en la cuadrícula.
Al principio, quería asignar el valor obtenido directamente a GridPanelStore.data.Items, pero después de la asignación, utilicé store.Reload () para actualizar los datos de la tabla siempre informó un error, diciendo que el método era incorrecto.
Creo que (no necesariamente verdadero ~), tal vez sea porque mi modelo de datos tiene demasiadas capas, lo que puede devolver directamente el error del almacén de cuadrícula Reload ().
Finalmente, busqué en la API y descubrí que LoadData puede pasar directamente los valores a los datos.
Estoy usando el valor booleano es falso.
Lo anterior es el extjs introducido por el editor. Haga clic en la casilla de verificación para agregar filas de información relevantes a la tabla. Espero que sea útil para todos. Si tiene alguna pregunta, déjame un mensaje y el editor responderá a todos a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!