Jul 19, 2016, 4:48 PM
CheckboxSelectionModel mode multi causes Maximum call js stack
- when i keep the checkbox which is left dischecked, click the table hearder can sort correctly, but when exist any checkbox status checked like picture2, the error become js stack error and could't find call path. help me to solve it .
- i use extnet 2.2 in the project.
- i try to deselectAll() but any event in before column header click but not exist. so how?
when have checkbox in the left have been select , click the column head to sort have occur js crush.
code like below but i remove the ajax store.
i have try `clearListGridSelection` in HeaderClick event
<ext:GridPanel ID="OrgListGrid" StoreID="OrgStore" runat="server" Title="机构列表" Region="Center" ForceFit="true">
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:RowNumbererColumn ID="RowNumbererColumn1" runat="server" Width="50" Align="Center" />
<ext:Column ID="Column2" runat="server" Header="OrgCode" DataIndex="OrgCode" Width="100" />
<ext:Column ID="Column3" runat="server" Header="OrgSName" DataIndex="OrgSName" Width="180" />
<ext:Column ID="Column4" runat="server" Header="POrgName" DataIndex="POrgName" Width="130" />
</Columns>
<Listeners>
<HeaderClick Fn = "clearListGridSelection " />
</Listeners>
</ColumnModel>
<SelectionModel >
<ext:CheckboxSelectionModel ID="RowSelectionModel1" runat="server" Mode="Multi">
<Listeners>
<Select Handler="console.log(this);" />
</Listeners>
</ext:CheckboxSelectionModel>
</SelectionModel>
<ext:Store ID="OrgStore" runat="server" AutoLoad="false" PageSize="25">
<Model>
<ext:Model ID="Model1" runat="server">
<Fields>
<ext:ModelField Name="OrgCode" />
<ext:ModelField Name="OrgSName" />
<ext:ModelField Name="POrgName" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
function clearListGridSelection() {
var rsm = OrgListGrid.getSelectionModel(); //得到行选择模型
rsm.deselectAll(); //清空所有选择
rsm = null;
console.log('done' + arguments.toString());
};
- i use extnet 2.2 in the project.
- i try to deselectAll() but any event in before column header click but not exist. so how?
when have checkbox in the left have been select , click the column head to sort have occur js crush.
code like below but i remove the ajax store.
i have try `clearListGridSelection` in HeaderClick event
<ext:GridPanel ID="OrgListGrid" StoreID="OrgStore" runat="server" Title="机构列表" Region="Center" ForceFit="true">
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:RowNumbererColumn ID="RowNumbererColumn1" runat="server" Width="50" Align="Center" />
<ext:Column ID="Column2" runat="server" Header="OrgCode" DataIndex="OrgCode" Width="100" />
<ext:Column ID="Column3" runat="server" Header="OrgSName" DataIndex="OrgSName" Width="180" />
<ext:Column ID="Column4" runat="server" Header="POrgName" DataIndex="POrgName" Width="130" />
</Columns>
<Listeners>
<HeaderClick Fn = "clearListGridSelection " />
</Listeners>
</ColumnModel>
<SelectionModel >
<ext:CheckboxSelectionModel ID="RowSelectionModel1" runat="server" Mode="Multi">
<Listeners>
<Select Handler="console.log(this);" />
</Listeners>
</ext:CheckboxSelectionModel>
</SelectionModel>
<ext:Store ID="OrgStore" runat="server" AutoLoad="false" PageSize="25">
<Model>
<ext:Model ID="Model1" runat="server">
<Fields>
<ext:ModelField Name="OrgCode" />
<ext:ModelField Name="OrgSName" />
<ext:ModelField Name="POrgName" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
function clearListGridSelection() {
var rsm = OrgListGrid.getSelectionModel(); //得到行选择模型
rsm.deselectAll(); //清空所有选择
rsm = null;
console.log('done' + arguments.toString());
};
Last edited by hijushen; Jul 21, 2016 at 2:22 PM.
Reason: add code more vivid