zoukankan      html  css  js  c++  java
  • EXTJS store 添加baseParams

    //gridP gridpanel id
    Ext.apply(Ext.getCmp("gridP").store.baseParams, { 参数1: 111, 参数2:222 });


     

     grid = new Ext.grid.GridPanel({
            frame: true,
            id: 'gridP',
            title: 'Order List',
            stripeRows: true, //斑马线
            store: store,
            applyTo: 'view', //指定显示数据的div
            trackMouseOver: true,
            height: 700,
             window.screen.width - 17, //屏幕分辨率的宽   textfield
            tbar: [
                {
                    xtype: 'label',
                    text: '选择日期'
                },
                 {
                     xtype: 'datefield',
                     id: 'txtBegin'
                 },
                   {
                       xtype: 'label',
                       text: '---'
                   },
                 {
                     xtype: 'datefield',
                     id: 'txtEnd'
                 },
                 {
                     xtype: 'button',
                     text: 'Search',
                     handler: function () {
                         //提交数据 
                         var begin = Ext.fly('txtBegin').dom.value;
                         var end = Ext.fly('txtEnd').dom.value;
                         document.getElementById('hdbegin').value = begin;
                         document.getElementById('hdend').value = end;
                         if (begin == "") return;
                         if (end == "") return;
                         store.proxy.conn.url = 'ExtData.aspx?type=3&p=' + Math.random();
    
                         //往store添加baseParams
                         Ext.apply(Ext.getCmp("gridP").store.baseParams, { begin: begin, end: end });
    
                         store.load({
                             params: {
                                 start: 0,
                                 limit: 20,
                                 begin: begin,
                                 end: end
                             }
                         })
    
                     }
                 }
            ],
            viewConfig: {
                forceFit: true, //让grid的列自动填满grid的整个宽度,不用一列一列的设定宽度。
                emptyText: 'No Data'
            },
            loadMask: { msg: 'loading……' },
    
            columns: [
                new Ext.grid.RowNumberer(), //行号
                {header: '<font size=2>OrderID</font>', dataIndex: 'OrderID', sortable: true, align: "center" },
                { header: '<font size=2>Sales Type</font>', dataIndex: 'State', sortable: true, align: "center", hidden: true,
                    renderer: function (value) {
                        if (value == "0") { return "pending"; } else if (value == "1") { return "processed"; } else { return "xxx"; }
                    }
                },
                { header: '<font size=2>SO</font>', dataIndex: 'SO', sortable: true, align: "center" },
                { header: '<font size=2>PSI</font>', dataIndex: 'PSI', sortable: true, align: "center" },
                { header: '<font size=2>Company</font>', dataIndex: 'Company', sortable: true, align: "center" },
                { header: '<font size=2>Date</font>', dataIndex: 'Odate', sortable: true, align: "center" },
                { header: '<font size=2>Email</font>', dataIndex: 'Email', sortable: true, align: "center" },
                { header: '<font size=2>Payment</font>', dataIndex: 'Payment_Terms_Code', sortable: true, align: "center" },
                { header: '<font size=2>Preorderid</font>', dataIndex: 'Preorderid', sortable: true, align: "center" },
                { header: '<font size=2>Items</font>', dataIndex: 'Items', sortable: true, align: "center" }
               ],
            bbar: new Ext.PagingToolbar({//分页
                pageSize: 20,
                store: store,
                displayInfo: true, //非要为true,不然不会显示下面的分页按钮
                emptyMsg: "NO DATA"
            })
        })
  • 相关阅读:
    设置页面标题title
    路由跳转,页面位置不在顶部
    PyTorch深度学习入门
    删除ubuntu后开机进入grub的解决办法
    研一上英语
    python中常用的几个函数的正确用法-lambda/filter/map/reduce
    【Python教程】 re 模块中findall() 函数返回值展现方式的用法详解
    【Python教程】5种常见字符串去除空格的操作方法
    对python中浅拷贝和深拷贝分析详细介绍
    Git使用
  • 原文地址:https://www.cnblogs.com/wugang/p/2744670.html
Copyright © 2011-2022 走看看