zoukankan      html  css  js  c++  java
  • Ext1.X的CheckboxSelectionModel默认全选之后不允许编辑的BUG解决方案

    Ext1.X的CheckboxSelectionModel默认全选之后不允许编辑的BUG解决方案,ext 的CheckboxSelectionModel在后台默认选中之后,前台就不允许编辑的bug是存在的,因为CheckboxSelectionModel没有Disabled="true"的设置,只能想办法弥补,毕竟不能直接给GridPanel设置Disabled="true"这样的话,整个GridPanel都成灰色的了,显然不能满足用户的需求,不科学的界面如图:

    那么怎么样处理这个问题呢。

    思路:选中之前进行判断,假如为鼠标点击不进行任何选中操作,但是如果后台默认选中,第一次点击的时候不会触发前台js事件,这就成了一个问题,所有要想办法,让后台数据设置完之后前台在绑定一次全部默认。但问题有来了,经过测试,如果想要第一次触发js拦截事件,必须前台手动点击触发才可生效(奇葩的Ext)。那就在GridPanel点击之前,去实现吧。代码如下(后台设置开关按钮还是没有任何问题的):

    function myBeforeRowSelect(SelectionModel, rowIndex, keepExisting, record) {
        if (event != null && event.keyCode == 0) {
            return false;
        }
    }
    function onSelectAll() {
        var model = Ext.getCmp("GridPanel1").getSelectionModel();
        model.selectAll();
    }
    <Listeners>
        <CellMouseDown Fn="onSelectAll"  />
    </Listeners>
    
    <SelectionModel>
      <ext:CheckboxSelectionModel ID="CheckboxSelectionModel1" runat="server" HideCheckAll="true">
           <Listeners>
                <BeforeRowSelect Fn="myBeforeRowSelect" />
           </Listeners>
      </ext:CheckboxSelectionModel>
    </SelectionModel>

    后台设置CheckboxSelectionModel方法:

    // 选中
    RowSelectionModel sm = Grid.SelectionModel.Primary as RowSelectionModel;
    sm.SelectedRows.Add(new SelectedRow(第几行));
    sm.UpdateSelection();
    
    
    // 非选中
    RowSelectionModel sm = Grid.SelectionModel.Primary as RowSelectionModel;
    sm.DeselectRow(第几行);

    over~ 

  • 相关阅读:
    关于数据仓库的数据模型的思考
    西影寺的由来
    机器能像人一样思考吗?人工智能(一)机器学习和神经网络
    手机摄影超越单反?触手可及的AI让每个人成为专业摄影师!
    Flower
    Backpropagation算法 (转
    Spring Data JPA:解析CriteriaQuery
    Spring Data JPA:解析CriteriaBuilder
    Spring Data JPA:解析JpaSpecificationExecutor & Specification
    Spring Data JPA:解析SimpleJpaRepository
  • 原文地址:https://www.cnblogs.com/vipstone/p/4292550.html
Copyright © 2011-2022 走看看