Infragistics控件对UltraWebGrid单元格编辑进行控制及样式设置

最新推荐文章于 2024-08-29 20:32:17 发布
原创 最新推荐文章于 2024-08-29 20:32:17 发布 · 4.6k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#Infragistics #UltraWebGrid单元格编辑控制
本文介绍了如何使用Infragistics控件对UltraWebGrid进行单元格编辑控制，并详细展示了数值类型、金额类型和日期类型的编辑控件设置。通过示例代码，展示如何配置WebNumericEdit、WebCurrencyEdit和WebDateTimeEdit，以及如何在后台隐藏保存和提交按钮，同时实现了单元格编辑后的得分自动汇总功能。 
//代码出自：文山综合管理平台--绩效考核--员工考核--员工岗位价值系数评定
//页面：jx.web/JxEmployee/JxYgjzxsList.aspx
<thinker:ScrollPanel ID="ScrollPanel1" runat="server" Width="648px" Height="449px">
            <igtbl:UltraWebGrid ID="grdInfoList" runat="server" Height="200px" Width="325px">
                <DisplayLayout CellClickActionDefault="Edit">
                    <ClientSideEvents AfterCellUpdateHandler="AfterCellUpdateHandler" />
                </DisplayLayout>
                <Bands>
                    <igtbl:UltraGridBand>
                        <Columns>
                            <igtbl:UltraGridColumn BaseColumnName="EMP_ID" Width="60px" Key="EMP_ID" Hidden="true">
                                <Header Caption="员工ID">
                                    <RowLayoutColumnInfo OriginX="0" OriginY="0" SpanY="1" />
                                </Header>
                                <CellStyle HorizontalAlign="Center">
                                </CellStyle>
                            </igtbl:UltraGridColumn>
                            <igtbl:UltraGridColumn BaseColumnName="EMP_NAME" Width="60px" Key="EMP_NAME">
                                <Header Caption="姓名">
                                    <RowLayoutColumnInfo OriginX="0" OriginY="0" SpanY="1" />
                                </Header>
                                <CellStyle HorizontalAlign="Center">
                                </CellStyle>
                            </igtbl:UltraGridColumn>
                            <igtbl:UltraGridColumn BaseColumnName="DEPT_NAME" Width="80px" Key="DEPT_NAME">
                                <Header Caption="所在部门">
                                    <RowLayoutColumnInfo OriginX="0" OriginY="0" SpanY="1" />
                                </Header>
                                <CellStyle HorizontalAlign="Center">
                                </CellStyle>
                            </igtbl:UltraGridColumn>
                            <igtbl:UltraGridColumn BaseColumnName="POST_NAME" Width="80px" Key="POST_NAME">
                                <Header Caption="岗位名称">
                                    <RowLayoutColumnInfo OriginX="0" OriginY="0" SpanY="1" />
                                </Header>
                                <CellStyle HorizontalAlign="Center">
                                </CellStyle>
                            </igtbl:UltraGridColumn>

                            <igtbl:UltraGridColumn BaseColumnName="GJYJZB" Width="170px" Key="GJYJZB"
                                EditorControlID="GJYJZB" NullText="20.00" AllowUpdate="Yes" Type="Custom">
                                <Header Caption="关键业绩指标完成情况(20分)">
                                    <RowLayoutColumnInfo OriginX="1" OriginY="0" />
                                </Header>
                                <CellStyle HorizontalAlign="Right" BackColor="#fbe7b6">
                                </CellStyle>
                            </igtbl:UltraGridColumn>
                            <igtbl:UltraGridColumn BaseColumnName="GZLDX" Width="100px" Key="GZLDX" EditorControlID="GZLDX"
                                NullText="30.00" AllowUpdate="Yes" Type="Custom">
                                <Header Caption="工作量大小(30分)">
                                    <RowLayoutColumnInfo OriginX="1" OriginY="0" />
                                </Header>
                                <CellStyle HorizontalAlign="Right" BackColor="#fbe7b6">
                                </CellStyle>
                            </igtbl:UltraGridColumn>
                            <igtbl:UltraGridColumn BaseColumnName="GZZLJXL" Width="130px" Key="GZZLJXL" EditorControlID="GZZLJXL"
                                NullText="20.00" AllowUpdate="Yes" Type="Custom">
                                <Header Caption="工作质量及效率(20分)">
                                    <RowLayoutColumnInfo OriginX="1" OriginY="0" />
                                </Header>
                                <CellStyle HorizontalAlign="Right" BackColor="#fbe7b6">
                                </CellStyle>
                            </igtbl:UltraGridColumn>
                            <igtbl:UltraGridColumn BaseColumnName="ZXL" Width="90px" Key="ZXL" EditorControlID="ZXL"
                                NullText="10.00" AllowUpdate="Yes" Type="Custom">
                                <Header Caption="执行力(10分)">
                                    <RowLayoutColumnInfo OriginX="1" OriginY="0" />
                                </Header>
                                <CellStyle HorizontalAlign="Right" BackColor="#fbe7b6">
                                </CellStyle>
                            </igtbl:UltraGridColumn>
                            <igtbl:UltraGridColumn BaseColumnName="TDXZ" Width="100px" Key="TDXZ" EditorControlID="TDXZ"
                                NullText="10.00" AllowUpdate="Yes" Type="Custom">
                                <Header Caption="团队协作(10分)">
                                    <RowLayoutColumnInfo OriginX="1" OriginY="0" />
                                </Header>
                                <CellStyle HorizontalAlign="Right" BackColor="#fbe7b6">
                                </CellStyle>
                            </igtbl:UltraGridColumn>
                            <igtbl:UltraGridColumn BaseColumnName="BMGXD" Width="100px" Key="BMGXD" EditorControlID="BMGXD"
                                NullText="10.00" AllowUpdate="Yes" Type="Custom">
                                <Header Caption="部门贡献度(10分)">
                                    <RowLayoutColumnInfo OriginX="1" OriginY="0" />
                                </Header>
                                <CellStyle HorizontalAlign="Right" BackColor="#fbe7b6">
                                </CellStyle>
                            </igtbl:UltraGridColumn>
                            <igtbl:UltraGridColumn BaseColumnName="PJDF" Width="35%" Key="PJDF" NullText="0.00" Format="#0.00">
                                <Header Caption="评价得分">
                                    <RowLayoutColumnInfo OriginX="1" OriginY="0" SpanY="1" />
                                </Header>
                                <CellStyle HorizontalAlign="Right">
                                </CellStyle>
                            </igtbl:UltraGridColumn>
                            <igtbl:UltraGridColumn BaseColumnName="PDXS" Width="35%" Key="PDXS" EditorControlID="PDXS"
                                NullText="0.00" AllowUpdate="Yes" Type="Custom">
                                <Header Caption="评定系数">
                                    <RowLayoutColumnInfo OriginX="1" OriginY="0" />
                                </Header>
                                <CellStyle HorizontalAlign="Right" BackColor="#fbe7b6">
                                </CellStyle>
                            </igtbl:UltraGridColumn>
                            <igtbl:UltraGridColumn BaseColumnName="STATE_NAME" Width="30%" Key="STATE_NAME">
                                <Header Caption="状态">
                                    <RowLayoutColumnInfo OriginX="0" OriginY="0" SpanY="1" />
                                </Header>
                                <CellStyle HorizontalAlign="Center">
                                </CellStyle>
                            </igtbl:UltraGridColumn>
                            <igtbl:UltraGridColumn BaseColumnName="ID" Width="0px" Hidden="true" Key="ID">
                                <Header Caption="ID">
                                    <RowLayoutColumnInfo OriginX="0" OriginY="0" />
                                </Header>
                                <CellStyle HorizontalAlign="Center">
                                </CellStyle>
                            </igtbl:UltraGridColumn>
                            <igtbl:UltraGridColumn BaseColumnName="STATE" Width="0px" Hidden="true" Key="STATE">
                                <Header Caption="STATE">
                                    <RowLayoutColumnInfo OriginX="0" OriginY="0" />
                                </Header>
                                <CellStyle HorizontalAlign="Center">
                                </CellStyle>
                            </igtbl:UltraGridColumn>
                        </Columns>
                    </igtbl:UltraGridBand>
                </Bands>
            </igtbl:UltraWebGrid>
        </thinker:ScrollPanel>
        <thinker:ProcessBarDlg ID="ProcessBarDlg1" runat="server"></thinker:ProcessBarDlg>
        <input type="hidden" id="hidCycCode" name="hidCycCode" runat="server" />
        <input id="hidKpType" type="hidden" name="hidKpType" runat="server" />
        <igtxt:WebNumericEdit ID="GJYJZB" runat="server" Width="100px" CssClass="Input_Modify"
            DataMode="Decimal" MinDecimalPlaces="2" MinValue="0" MaxValue="20" NullText=""
            EnableViewState="False">
        </igtxt:WebNumericEdit>
        <igtxt:WebNumericEdit ID="GZLDX" runat="server" Width="100px" CssClass="Input_Modify"
            DataMode="Decimal" MinDecimalPlaces="2" MinValue="0" MaxValue="30" NullText=""
            EnableViewState="False">
        </igtxt:WebNumericEdit>
        <igtxt:WebNumericEdit ID="GZZLJXL" runat="server" Width="100px" CssClass="Input_Modify"
            DataMode="Decimal" MinDecimalPlaces="2" MinValue="0" MaxValue="20" NullText=""
            EnableViewState="False">
        </igtxt:WebNumericEdit>
        <igtxt:WebNumericEdit ID="ZXL" runat="server" Width="100px" CssClass="Input_Modify"
            DataMode="Decimal" MinDecimalPlaces="2" MinValue="0" MaxValue="10" NullText=""
            EnableViewState="False">
        </igtxt:WebNumericEdit>
        <igtxt:WebNumericEdit ID="TDXZ" runat="server" Width="100px" CssClass="Input_Modify"
            DataMode="Decimal" MinDecimalPlaces="2" MinValue="0" MaxValue="10" NullText=""
            EnableViewState="False">
        </igtxt:WebNumericEdit>
        <igtxt:WebNumericEdit ID="BMGXD" runat="server" Width="100px" CssClass="Input_Modify"
            DataMode="Decimal" MinDecimalPlaces="2" MinValue="0" MaxValue="10" NullText=""
            EnableViewState="False">
        </igtxt:WebNumericEdit>
        <igtxt:WebNumericEdit ID="PDXS" runat="server" Width="100px" CssClass="Input_Modify"
            DataMode="Decimal" MinDecimalPlaces="2" MinValue="0" MaxValue="10" NullText="1"
            EnableViewState="False">
        </igtxt:WebNumericEdit>

以上代码为页面表单，效果如下图：

<igtxt:WebNumericEdit  数值类型：

<igtxt:WebNumericEdit ID="ZXL （对应列名）" runat="server" Width="100px" CssClass="Input_Modify"
            DataMode="Decimal" MinDecimalPlaces="2" MinValue="（最小值）" MaxValue="（最大值）" NullText="（值为null时显示文本/值）"
            EnableViewState="False">
 </igtxt:WebNumericEdit>
       

<igtxt:webcurrencyedit   金额类型 :
<igtxt:webcurrencyedit id="wceMoney" runat="server" CssClass="inputcss" Width="136px" ValueText="0" Nullable="False"></igtxt:webcurrencyedit>(元)


<igtxt:WebDateTimeEdit></igtxt:WebDateTimeEdit> 日期手工输入


提交后设置Grid样式 后台代码：

 //事件注册
protected override void InitEventHandler()             
        {
            base.InitEventHandler();
            grdInfoList.InitializeRow += grdInfoList_InitializeRow;  
            //this.UltraWebToolbar1.ButtonClicked += UltraWebToolbar1_ButtonClicked;
        }
//响应代码
private void grdInfoList_InitializeRow(object sender, RowEventArgs e)
        {
            if (e.Row.Cells.FromKey("STATE").Value != null &&
                e.Row.Cells.FromKey("STATE").Value.ToString() != "")
            {
                Submit state = (Submit)Convert.ToInt32(e.Row.Cells.FromKey("STATE").Value);
                e.Row.Cells.FromKey("STATE_NAME").Value = EnumEx.GetEnumText(state);

                //已提交的禁止编辑
                if (state == Submit.Submit)
                {
                    e.Row.Cells.FromKey("GJYJZB").AllowEditing = AllowEditing.No;
                    e.Row.Cells.FromKey("GZLDX").AllowEditing = AllowEditing.No;
                    e.Row.Cells.FromKey("GZZLJXL").AllowEditing = AllowEditing.No;
                    e.Row.Cells.FromKey("ZXL").AllowEditing = AllowEditing.No;
                    e.Row.Cells.FromKey("TDXZ").AllowEditing = AllowEditing.No;
                    e.Row.Cells.FromKey("BMGXD").AllowEditing = AllowEditing.No;
                    e.Row.Cells.FromKey("PDXS").AllowEditing = AllowEditing.No;


                    //颜色Red,Green,Blue
                    int r = 192;
                    int g = 192;
                    int b = 192;

                    e.Row.Cells.FromKey("GJYJZB").Style.BackColor = Color.FromArgb(r, g, b);
                    e.Row.Cells.FromKey("GZLDX").Style.BackColor = Color.FromArgb(r, g, b);
                    e.Row.Cells.FromKey("GZZLJXL").Style.BackColor = Color.FromArgb(r, g, b);
                    e.Row.Cells.FromKey("ZXL").Style.BackColor = Color.FromArgb(r, g, b);
                    e.Row.Cells.FromKey("TDXZ").Style.BackColor = Color.FromArgb(r, g, b);
                    e.Row.Cells.FromKey("BMGXD").Style.BackColor = Color.FromArgb(r, g, b);
                    e.Row.Cells.FromKey("PDXS").Style.BackColor = Color.FromArgb(r, g, b);
                }
            }
        }

提交后结果展示：


外加提交后后台隐藏“保存”和“提交”按钮：

//隐藏保存和提交按钮
                    UltraWebToolbar1.Items.FromKeyButton("btnSave").Visible = false;
                    UltraWebToolbar1.Items.FromKeyButton("btnSend").Visible = false;



点击输入后，几个评分指标分数自动汇总到得分列：

表单第04行注册了事件，JS代码实现如下

function AfterCellUpdateHandler(gridName, itemName) {
                var grid = igtbl_getGridById(gridName);
                var row = igtbl_getRowById(itemName);
                var cell = igtbl_getCellById(itemName);
                var GJYJZB = row.getCellFromKey("GJYJZB").getValue();
                var GZLDX = row.getCellFromKey("GZLDX").getValue();
                var GZZLJXL = row.getCellFromKey("GZZLJXL").getValue();
                var ZXL = row.getCellFromKey("ZXL").getValue();
                var TDXZ = row.getCellFromKey("TDXZ").getValue();
                var BMGXD = row.getCellFromKey("BMGXD").getValue();
               
                var PJDF = eval(GJYJZB) + eval(GZLDX) + eval(GZZLJXL) + eval(ZXL) + eval(TDXZ) + eval(BMGXD);

                row.getCellFromKey("PJDF").setValue(PJDF);
        }


从理论到实践：五种改进RRT算法的核心原理与Python仿真性能对比
最新发布
weixin_30715523的博客
05-19 280
本文深入探讨了五种改进RRT算法的核心原理与Python仿真性能对比，包括目标偏置RRT、双向扩展RRT、自适应采样RRT等。通过详细的代码实现和性能分析，帮助读者理解不同改进算法在路径规划中的优劣与适用场景，为机器人导航、自动驾驶等领域的算法选型提供实践指导。
Infragistics netadvantage UltraGrid (UltraWinGrid) 编程手记
weixin_34160277的博客
08-20 1011
  UltraGrid 是Infragistics netadvanage 控件库中提供的一个Windows 网格控件，功能强大，完全可以取代VS 中提供的 GridView控件。但不知为何，国内介绍它的文章很少。这玩意功能是相当强大，但其属性设计原理和普通控件不太一样，属性极为复杂，没有手册几乎无法编码。在此我整理了一些资料，权当推广了。本是编程用的参考，文笔随意之处望见谅。kevin c...
UltraGrid编程手记
Violinlins
11-01 5242
转自：http://www.cnitblog.com/salemsu/articles/55186.html 如各位有《Infragistics》控件文件，烦请留言告知，谢谢！ UltraGrid 是Infragistics netadvanage 控件库中提供的一个Windows 网格控件，功能强大，完全可以取代VS 中提供的 GridView控件。但不知为何，国内介绍它的文章很少。这玩
设定Grid行或列的尺寸
Swarb的博客：低头做事，抬头做人
08-13 2516
设定Grid行或列的尺寸 2012-08-13 09:01 by swarb, ... 阅读, ... 评论, 收藏, 编辑 和普通UI元素可以设定Height和Width属性不同，RowDefinition类和ColumnDefinition类中相应的属性的类型不是Double，而是Syste...
C# Win Form Infragistics UltraGrid 控件基本使用
usabcd2的博客
08-29 2350
C# WinForm Infragistics UltraGrid 使用入门。
UltraWinGrid常用技巧
zhangguoliang0210的专栏
04-30 4006
1 委托this.ultraGrid1.AfterCellUpdate -= new Infragistics.Win.UltraWinGrid.CellEventHandler(this.ultraGrid1_AfterCellUpdate);       this.ultraGrid1.Rows[0].Cells["字段名"].Value = "";       this.ultr
[转]Infragistics NetAdvantage UltraWebGrid使用技巧
jackljf的专栏
05-07 3598
Infragistics系列控件是一套很好,很强大的控件,前些日子公司买的正版的asp.net版本的..好像800多美元一套...最新版本的7.3....感觉很好..现在自己做项目也用..却发现网上没有一套中文的教程,中文资料都很少..在这里就把自己的研究心得写下来... 首先安装,一步一步装就可以了..完成之后,有几点说明的1.安装完之后开始-程序的菜单里有Create Visual S
Infragistics _WebGrid各种用法大全
一念
09-03 3492
.安装完之后开始-程序的菜单里有Create Visual Studio Toolbox Tab.要执行一下.在vs 的工具箱里生成infragistics的标签..不然连控 件都找不到哦...菜单里还有一个sample...能 实现的效果大部分都在里面了...根据你自己 的需求,可以在里面找....菜单里还有个 document..里面有各个控件的'指南','例子'.还 有api和客户端脚本ap
Netadvantage UltraGrid UltraWebGrid编程手记
wbd6572789的专栏
07-24 3829
 UltraGrid 是Infragistics netadvanage 控件库中提供的一个Windows 网格控件，功能强大，完全可以取代VS 中提供的 GridView控件。但不知为何，国内介绍它的文章很少。这玩意功能是相当强大，但其属性设计原理和普通控件不太一样，属性极为复杂，没有手册几乎无法编码。在此我整理了一些资料，权当推广了。本是编程用的参考，文笔随意之处望见谅。kevin che
Infragistics控件使用札记
tsuguA的专栏
01-16 1258
别人的不错的总结哦：http://blog.csdn.net/debugingstudy/article/details/8515456 今天碰到一个情况如截图(要求，快速定位到某人,其中,点击A320副驾驶会展开相应的节点)： 解决方法： 当触发定位的时候，触发dgUnFlyPersonInfo_InitializeRow即可 private void d
Ultragird行列编辑问题
风飘零的博客
03-31 851
列表头改名 选择相应列修改即可 选择列CheckBox设置 !!!注意这样表头是没有全选的，需要再设置表头 表格编辑问题 1.每一列的cellactivation都要设置为allowEdit 2.有时又会碰到设置完后还是不能编辑.此时就要在预设（Presets-Manage Presets）这里修改.箭头所指的是不能设置的，因为选它后就会变成表格不可编辑，我们只需要选择default就行了 表格样式 同样选择Presets,进入LOOK分项选择自己喜欢或者所需的就行了 ...
UltraWinGrid:单元格添加可嵌入编辑器
Violinlins
04-18 751
本文转自;http://www.2cto.com/kf/201701/589747.html 嵌入式编辑器（Embeddable Editors ）不仅可以作用到某一列，还可以做到单元格这一级。如下图所示： 实现代码如下： 1 2 3 4 5 6 7 8 9 10 11 12 DataTable t = new
Infragistics netadvantage UltraGrid (UltraWinGrid) 基本用法
热门推荐
点点滴滴
06-05 1万+
文章参考：http://www.cnblogs.com/surfsky/archive/2008/08/20/1272104.htmlUltraGrid 是Infragistics netadvanage 控件库中提供的一个Windows 网格控件，功能强大，完全可以取代VS 中提供的 GridView控件。但不知为何，国内介绍它的文章很少。这玩意功能是相当强大，但其属性设计原理和普通控件不太一样，属性极为复杂，没有手册几乎无法编码。参考    提供商首页：http://www.infragistics.c
Infragistics netadvantage UltraGrid (UltraWinGrid) 编程技巧
WesLonloveJall的专栏
05-03 1433
<br />■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■<br />■■ Band                                               ■■<br />■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■<br />设 置数据条带退格宽度<br />this.ultraGrid1.DisplayLayout.Bands[1].Indentation = 100;<br /><br />■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
UltraWebGrid使用指南
刘军龙
12-25 4472
原创文章,转载请注明出处作者: BoyLee  出处: Http://BoyLee.netActiveReports和UltraWebGrid都是使用较为广泛.Net控件,有着方便,简单,强大等特点.但是网上相关的中文资料很少,几乎没有,想想自己刚用这两工具时候的痛苦,一直有写个简单的入门级的使用指南.后来在博客园看到不少大大用ActiveReports,也写了不少文章,于是俺决定写个WebGri
[WinForm每日一帖] UltraGrid中增删改功能推荐做法
小鸟的窝
06-08 4031
         [第八篇 UltraGrid中实现增删改功能]       首先：此类的Maintain动作可能有两种情形，一种是Grid中本来就有数据，一种是Grid中没有任何数据。两种虽说没有多大区别，但是在方法应用上稍有些不同，下面会提到。1． 拖放一个Grid到Form，设置其属性为可编辑2． 添加绑定列，OK后选择第一个选项（产生DataSource）如下将
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值