@北京-没想好 直接QQ通话

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());
        }

  

posted @ 2015-10-20 14:09 走路要用腿 阅读(...) 评论(...) 编辑 收藏
QQ:@北京-没想好