1. #1
    Ext User
    Join Date
    Sep 2009
    Posts
    13
    Vote Rating
    0
    saravanant is on a distinguished road

      0  

    Default Ext.grid.CheckboxSelectionModel check or uncheck in run time

    Ext.grid.CheckboxSelectionModel check or uncheck in run time


    Hi

    I have a grid with the Ext.grid.CheckboxSelectionModel. I want to check this checkBox column based on the some validation. I am trying with the following code. But this check box column is not getting checked in run time. Can you please help me to resolve this check box issue

    Code:
     
    var  sm =new Ext.grid.CheckboxSelectionModel({
     singleSelect:false,
     dataIndex:'CheckBoxValue'
    });
    Code:
    var purchOrdersColModel = new Ext.grid.ColumnModel([
     
     {id:OID_UI,header: "Order ID In", width: 80, sortable: true, locked:false, dataIndex:OID_UI, hidden:true},
     {header: "uiOrderNumber", width: 80, sortable: true, locked:false, dataIndex:'uiOrderNumber', hidden:true},
     {header: "status" ,width:100,sortable:true,dataIndex:UI_PO_STATUS,hidden:true},
     {header: "Type", width:60, sortable: false, locked:false, dataIndex: 'ORDER_TYPE'},
     {header: "Order ID", width: 80, sortable: true,defaultSortable:true, locked:false, dataIndex:'ORDER_NO'},
     {header: "Style No", width: 80, sortable: true, locked:false, dataIndex: 'STYLE'},
     {header: "Style Desc", width: 95, sortable: true, locked:false, dataIndex: 'STYLE_DESC',css:'buttonCss'},
     {header: "Supp", width: 80, sortable: true, locked:false, dataIndex: 'SUPPLIER_NAME'},
     {header: "Colour", width: 65, sortable: true, locked:false, dataIndex: 'COLOUR_NAME'},
     {header: "RP ID", width: 65, sortable: true, locked:false, dataIndex: 'PACK_NO'},
     {header: "RP/Singles", width: 95, sortable: true, locked:false, dataIndex: 'RP_SINGLES'},
     {header: "Total Qty", width: 82, sortable: true, dataIndex: 'QUANTITY'},
     {header: "Del Date", width: 85, sortable: true, renderer:formatDate,  dataIndex: 'DELIVERY_DATE'},
     {id:'supStatusId',header: "Supp/Del", width: 65, sortable: false,  hidden:true,dataIndex: 'SuplierDeliveryStatus'
       ,renderer:function(value, metaData, record, rowIndex, colIndex, store) {
       if (value == 'Pending') {
       metaData.css = 'pendingCls';
       }else if (value == 'Complete'){
       metaData.css = 'completeCls';
       }
       return value;
       }},
     {id:'ProductStatusId',header: "Products", width: 65, sortable: false, hidden:true,dataIndex: 'ProductStatus',renderer:function(value, metaData, record, rowIndex, colIndex, store) {
       if (value == 'Pending') {
       metaData.css = 'pendingCls';
       }else if (value == 'Complete'){
       metaData.css = 'completeCls';
       }
       return value;
       }},
     {id:'CostingsStatusId',header: "Costings", width: 65, sortable: false,hidden:true,dataIndex: 'CostingsStatus',renderer:function(value, metaData, record, rowIndex, colIndex, store) {
       if (value == 'Pending') {
       metaData.css = 'pendingCls';
       }else if (value == 'Complete'){
       metaData.css = 'completeCls';
       }
       return value;
       }},
     {header:"", width:14, sortable: true,dataIndex: ''}, 
     {id:'status2',header: "Status", width: 60, sortable: false, dataIndex: 'Status2',css:'test'},
     {header:"", width:14, sortable: true,dataIndex: ''}, sm
     
    ]);



    Code:
    purchaseOrdersTable = Ext.data.Record.create([
      {name : ACTION},
      {name : VERSION},
      {name : ORDERNO,type:'int',sortDir: 'DESC', sortType: 'asInt'},
      {name : OID_UI},
      {name : TECH_LIST_ID},
      {name : STATUS},
      {name : 'STATUS'},
      {name : 'Status2'},
      {name : UI_PO_STATUS},
      //
      {name : MRKGRPID},
      {name : MRKGRPNAME_UI},
      {name : DEPARTMENTID},
      {name : DEPARTMENTNAME_UI},
      {name : STYLENR},
      {name : STYLENO},
      {name : STYLEDESC_UI},
      {name : STYLE_ACTION},
      {name : SIZEGRPID},
      {name : SIZEGRPNNAME_UI},
      {name : ORDERTYPEID},
      {name : ORDERTYPE_UI},
      {name : BARCODEREQ},
      {name : COMMENTS},
      {name : MAIN_ACTION},
      //
      {name : SUPPLIERID},
      {name : SUPPLIERNAME_UI},
      {name : SUPPLIER_VPN},
      {name : COUNTRYOFORIGID},
      {name : COUNTRYOFORIGNAME_UI},
      {name : ADDRESSID},
      {name : ADDRESS_UI},
      {name : SUPPLIER_ACTION},
      //
      {name : TOTALPACKS},
      {name : PACKINGMETHOD},
      {name : PACKINGMETHOD_UI},
      {name : RATIOPACK},
      {name : PRODUCT_ACTION},
      {name : TOATLQUANTITY_UI},
      // 
     
      {name : ORIGINCITY},
      {name : ORIGINCITYID},
      {name : FREIGHTMETHID},
      {name : FREIGHTMETHNAME_UI},
      {name : LADINGPORTID},
      {name : LADINGPORTNAME_UI},
      {name : DISCHARGEPORTID},
      {name : DISCHARGEPORTNAME_UI},
      {name : WAREHAUSEID},
      {name : WAREHAUSENAME_UI},
      {name : CROSSDOCKED},
      {name : DELIVERYTYPE},
      {name : FOBDATE,type: 'date', dateFormat: uiDateFormat},
      {name : DELIVERYDATE ,type: 'date', dateFormat: uiDateFormat},
      {name : DELIVERYDATE_UI,type: 'date', dateFormat: uiDateFormat},
      {name : DELIVERY_ACTION},
      {name : RANGEPERIODID},  //added by Shibu for Range Periods
      //{name : RANGEPERIOD_UI}, //added by Shibu for Range Periods
      //COSTINGS_ACTION
      {name : COSTINGS_STATUS},
      {name : COSTINGS_ACTION},
      {name : UKRETAIL},
      {name : EIRRETAIL},
      {name : SUPP_COTS_DIR_CC},
      {name : EXCHANGERATE},
      {name : CURRENCYCODE},
      {name : HTSCODE},
      {name : VAT},
     
      {name : TOTAL_ORDER_COST},
      {name : LANDEDCOST},
      {name : TOTAL_ORDER_RETAIL},
      {name : MARGIN},
     
      {name : UNIT_COST_PRICE},
      {name : PROCESSING_CODE},
      {name : PROCESSING_RATE},
      {name : HANGER_CODE},
      {name : HANGER_RATE},
      {name : COMMISSION},
      {name : COMMISSION_RATE},
      {name : ANTI_DUMPING_DUTY},
      {name : ANTI_DUMPING_RATE},
      {name : LOGROYALITY},
      {name : DESIGNROYALITY},
      {name : STORAGE},
      {name : COLOUR_NAME},
      {name : COLOUR_ACTION},
      {name : SIZE_ACTION},
      {name : AMEND},
      {name : 'locked'},
      {name : 'CheckBoxValue'}
    ]);
    Code:
    var orderTableGrid = new Ext.grid.GridPanel({
      store: PoSearchStore,
      cm: purchOrdersColModel,
      sm: new Ext.grid.CheckboxSelectionModel({singleSelect:false,
            listeners:{
              beforerowselect:function(sm, rowIndex, keep, rec){               
         if(rec.data.locked!=undefined){
          return false;
         }              
      }
            }}),
      width:920,  
      buttons: [recordsRetrievedLabel,first_but,prev_but,currentSearchPage,totalPagesPanel,next_but,last_but],
      region: 'south',
      height: orderListSectionTablePanelH,
      enableColumnHide: false  
    });
    Code:
    PoSearchStore = new Ext.data.Store({
     sortInfo:{field:'ORDER_NO', direction: "DESC"},
     reader: purchaseOrdersJsonReader1
    });
     
    var purchaseOrdersJsonReader1 = new Ext.data.ArrayReader({
     },orderSearchTable);
    Code:
    orderSearchTable = Ext.data.Record.create([
     {name:'ORDER_NO',type:'int',sortDir: 'DESC', sortType: 'asInt'},
     {name:'ORDER_TYPE'},
     {name:'ORDER_TYPE_ID'}, //added by Shibu for AHNLT-810
     {name:'STYLE'},
     {name:'STYLE_DESC'},
     {name:'COLOUR_NAME'},
     {name:'RP_SINGLES'},
     {name: 'SUPPLIER_NAME'},
     {name: 'QUANTITY'},
     {name: 'DELIVERY_DATE'},
     {name: 'CheckBoxValue'}
    ])
    Here i am trying to set the checkbox value to true while creating the new record but check box is not checked.

    Code:
     var record = new purchaseOrdersTable(order);
     var deliveryDate = record.get('DELIVERY_DATE');
     var dt = Date.parseDate(deliveryDate,rmsSearchDateFormat);
     var deliveryDateUi = dt.format(uiDateFormat);
     record.data['DELIVERY_DATE'] = deliveryDateUi;
     var orderNum = record.get('ORDER_NO');
     var orderNumInt = parseInt(orderNum,10);
     record.data['ORDER_NO']=orderNumInt;
     record.data['SuplierDeliveryStatus']='Complete';
     record.data['ProductStatus']='Complete';
     record.data['CostingsStatus']='Complete';
     if(record.get('STATUS') == 'W')
     {
      record.data['Status2'] = 'WorkSheet';
     }else if(record.get('STATUS') == 'A'){
       record.data['Status2'] = 'Approved';
     }else if(record.get('STATUS') == 'S'){
       record.data['Status2'] = 'Submitted';
     }else if(record.get('STATUS') == 'C'){
      record.data['Status2'] = 'Closed';
     }else{
       record.data['Status2']=record.get('STATUS');
     
     }
     record.data['locked']=record.get('LP_FLAG');
     if(record.get('LP_FLAG')!=undefined){    
      lockPartRecFlag = 1;
     if(record.get('LP_FLAG')=='L'){
       record.data['Status2'] = 'Locked'; 
     }else if(record.get('LP_FLAG')=='R'){
      record.data['Status2'] = 'Part Received';
      }    
     }
     record.data['CheckBoxValue'] = true; 
     
     if(record.get('STATUS') == 'C'){
      purchaseOrdersStore.remove(record);
     }else{
       PoSearchStore.add(record);
     }
     
     
     PoSearchStore.filterBy(filterByBlankColors);
     PoSearchStore.commitChanges();

  2. #2
    Touch Premium Member
    Join Date
    Sep 2008
    Location
    Orange County, CA, USA
    Posts
    186
    Vote Rating
    0
    Jack9 is on a distinguished road

      0  

    Default Need to use CheckboxSelectionModel

    Need to use CheckboxSelectionModel


    Code:
        var myCBSM = new Ext.grid.CheckboxSelectionModel({
            singleSelect:false,
            listeners:{
                beforerowselect:function(sm, rowIndex, keep, rec){               
                    if(rec.data.locked!=undefined){
                        return false;
                    }
                }
            }
        });
        
        var orderTableGrid = new Ext.grid.GridPanel({
            store: PoSearchStore,
            cm: purchOrdersColModel,
            sm: myCBSM,
            width:920,  
            buttons: [recordsRetrievedLabel,first_but,prev_but,currentSearchPage,totalPagesPanel,next_but,last_but],
            region: 'south',
            height: orderListSectionTablePanelH,
            enableColumnHide: false  
        });
    
        orderTableGrid.getSelectionModel().selectRow(4,true);
    // myCBSM.selectRow(4,true);
    The selection model is the only thing that knows what is "checked". Not sure where that's ever explained, I had to learn by trial and error.

  3. #3
    Ext User
    Join Date
    Sep 2009
    Posts
    13
    Vote Rating
    0
    saravanant is on a distinguished road

      0  

    Default


    thanks for the solution. its working now after implementing the below line.

    orderTableGrid.getSelectionModel().selectRow(recordsCount,true)

    Cheers
    Saravanan

  4. #4
    Ext User
    Join Date
    Sep 2009
    Posts
    13
    Vote Rating
    0
    saravanant is on a distinguished road

      0  

    Default


    i am trying to stop selecting the row when selecting a row based on particular condition.
    Can you help me how to stop selecting the row when selecting it.

    Code:
    var orderTableGrid = new Ext.grid.GridPanel({
      store: PoSearchStore,
      cm: purchOrdersColModel,
      sm: new Ext.grid.CheckboxSelectionModel({singleSelect:false,
            listeners:{
            beforerowselect:function(sm, rowIndex, keep, rec){               
             var selectedOrders = this.getSelections();
             if(  selectedOrders.length > 0){
              if(rec.data.Status2!=selectedOrders[0].data.Status2){
               alert("Please select same status orders");
               alert("Dont select this record");
               this.fireEvent('rowdeselect', this, rowIndex, rec);
              }    
             }
             if(rec.data.locked!=undefined){
              return false;
             }              
            }
            }}),
      width:920,  
      buttons: [recordsRetrievedLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,emptyLabel,first_but,prev_but,currentSearchPage,totalPagesPanel,next_but,last_but],
      region: 'south',
      height: orderListSectionTablePanelH,
      enableColumnHide: false  
    });

Thread Participants: 1

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar