ASP.NET-FineUI开发实践-16(二)

实现那还差点，在事件参数里我传了一个boolall选中状态参数，这个参数由前台给的，RowSelect 传的是index 行号，就是改这，通过$符号来分开的，

 if (commandArgs.Length == 2)
                {
                    OnRowAllSelect(new GridRowAllSelectEventArgs(bool.Parse(commandArgs[1].ToString())));
                }

　　

就是这个段代码干的事。

再写成功之前，来用js试一下，打开grid_rowcommand_download.aspx文件，因为这有个全选，把js加进去

    <script src="../res/js/jquery.min.js"></script>
    <script>
        F.ready(function () {
            $('#Grid1').find('.x-column-header.x-column-header-checkbox').on('click', function () {
                    __doPostBack('Grid1', "RowAllSelect$" + $(this).hasClass("x-grid-hd-checker-on"));
            });
        });
    </script>

　　注意hasClass的用法，这里判断选中还是没有选中，在Grid中打个断点，看看触发没触发

可以看到boolall参数为true，就是触发了，这时就可以在前台Grid控件里重写这个事件了。

正常情况下就触发成功了。

第三步封装

封装了么，当然没有，写F.ready里就不是封装啊，首先给Grid加一个属性，EnableRowAllSelectEvent 为了打开或关闭全选事件，复制EnableRowSelectEvent就行了，

        /// <summary>
        /// 全选是否自动回发
        /// </summary>
        [Category(CategoryName.OPTIONS)]
        [DefaultValue(false)]
        [Description("全选是否自动回发")]
        public bool EnableRowAllSelectEvent
        {
            get
            {
                object obj = FState["EnableRowAllSelectEvent"];
                return obj == null ? false : (bool)obj;
            }
            set
            {
                FState["EnableRowAllSelectEvent"] = value;
            }
        }

　　然后把这个用在生成方法里就可以了，用到OnFirstPreRender

            string rowallselectevent = "";
            if (EnableRowAllSelectEvent)
            {
                rowallselectevent += "$('#" + this.ID + "').find('.x-column-header.x-column-header-checkbox').on('click', function () {";
                rowallselectevent += "__doPostBack('" + this.ID + "', "RowAllSelect$" + $(this).hasClass("x-grid-hd-checker-on"));";
                rowallselectevent += "  });";
            }
            StringBuilder sb = new StringBuilder();
            sb.Append(gridSelectModelScript + gridStoreScript + pagingScript + gridColumnsScript + cellEditScript );
            sb.AppendFormat("var {0}=Ext.create('Ext.grid.Panel',{1});", XID, OB);
            sb.Append(sbGetSelectID.ToString());
            sb.Append(rowallselectevent);//加到生成的输出里就可以了
            AddStartupScript(sb.ToString());

　　

注意sb.Append的位置，这样就可以了，前台用

EnableRowAllSelectEvent="false" OnRowAllSelect="Grid1_RowAllSelect"

  <f:Grid ID="Grid1" Title="表格" EnableCollapse="true" ShowBorder="true" ShowHeader="true"
        runat="server" EnableCheckBoxSelect="True" DataKeyNames="Id,Name" Width="800px"
        OnRowCommand="Grid1_RowCommand" EnableRowAllSelectEvent="false" OnRowAllSelect="Grid1_RowAllSelect">

　　

后台cs

        protected void Grid1_RowAllSelect(object sender, FineUI.GridRowAllSelectEventArgs e)
        {
            Alert.Show("是否全选:"+e.boolall.ToString());
        }