本帖最后由 奋斗~ 于 2014-4-23 13:43 编辑
欢迎批评与指导。。。。。如有问题,可以找我一起讨论,互相学习。。。如果项目需要合作的话,也可以联系我。(QQ:552847957)
新增FinUI4分组功能:
http://www.fineui.com/bbs/forum.php?mod=viewthread&tid=5489&page=1&extra=#pid24426
用法:
1、首先将附件中的代码(分.cs和js\css),加入到FineUI(.cs文件)工程和自己的工程(js\css)中.
2、重新编译FineUI工程,重新生产dll文件。
3、启用分组属性(AllowGroup="true")以及分组字段( GroupField="dataField")
4、在自己的页面中引用GroupSummary.js 和 GroupSummary.css文件
补充说明:
1、请将代码【RenderField.cs】文件中【 if (!"auto".Equals(SummaryType.Auto)) 】=====>更改为 【 if (SummaryType != SummaryType.Auto)】否则会报脚本错误.
2、如果只是单纯的进行分组,则【GroupSummary.js 和 GroupSummary.css】则不用管。
具体代码参考如下:
- <p> <x:Grid ID="Grid1" ShowBorder="true" ShowHeader="false" Title="表格" Width="700px" Height="245px" AllowGroup="true" EnableHeaderMenu="true"
- runat="server" DataKeyNames="AutoId" AllowCellEditing="true" ClicksToEdit="1" AutoScroll="true" GroupField="CostType">
- <Toolbars>
- <x:Toolbar ID="Toolbar3" runat="server">
- <Items>
- <x:Button ID="btnNew" Text="新增数据" Icon="Add" EnablePostBack="false" runat="server">
- </x:Button>
- <x:ToolbarFill ID="ToolbarFill1" runat="server">
- </x:ToolbarFill>
- </Items>
- </x:Toolbar>
- </Toolbars>
- <Columns>
- <x:RenderField Width="80px" ColumnID="Remark" DataField="Remark" SummaryType="Count" SummaryRendererFunction="summaryRenderer" HeaderText="测试">
- <Editor></Editor>
- </x:RenderField>
- <x:BoundField ColumnID="CostType" DataField="CostType" HeaderText="费用类型"/>
- <x:RenderField Width="200px" ColumnID="CostAmount" SummaryType="Sum" SummaryRendererFunction="sumRenderer" TextAlign="Center" DataField="CostAmount" FieldType="Float"
- HeaderText="费用金额">
- <Editor>
- <x:NumberBox ID="txtCostAmount" Required="true" Text="0" DecimalPrecision="2" runat="server">
- </x:NumberBox>
- </Editor>
- </x:RenderField>
- <x:RenderField Width="200px" ColumnID="Cost" DataField="Cost" SummaryType="TotalCost" RendererFunction="sumTotal" TextAlign="Center" FieldType="Float" HeaderText="合计">
- <Editor>
- <x:TextBox ID="TextBox1" runat="server" ></x:TextBox>
- </Editor>
- </x:RenderField>
- <x:LinkButtonField ColumnID="Delete" HeaderText="操作" Width="60px" EnablePostBack="false"
- Icon="Delete" />
- </Columns>
- </x:Grid></p><p> // ****************************JS开始部分******************************************</p><p> <script type="text/javascript"></p><p> // 自定义函数
- Ext.ux.grid.GroupSummary.Calculations['TotalCost'] = function (v, record, field) {
- return v + (record.data.CostAmount * 2);
- };</p><p> function summaryRenderer(v, params, data) {
- return ((v === 0 || v > 1) ? '(' + v + ' 项目)' : '(1 项目)');
- }</p><p> function sumRenderer(v) {
- return Ext.util.Format.usMoney(v);
- }</p><p> function sumTotal(v, params, record){
- return Ext.util.Format.usMoney(record.data.CostAmount * 10);
- } </p><p></script></p>
复制代码
|