zoukankan      html  css  js  c++  java
  • 新增格式化单元格数据功能dotNetFlexGrid1.24,快速的设置您的表格数据的不同样式;现在开始扔掉你的Asp.net GridView吧。(更新FieldFormatorHandle参数)

    更新,将FieldFormatorHandle的参数类型改为DataRow,这样就可以基于整行的数据进行格式化了。

    2010-9-10 v1.24beta

    • 修复insertNewRow()、updateRowData()方法处理ID包含“#”时的BUG,调整了若干需要进行Jquery转义的地方。
    • 新增Js方法containsRowId ()用于检查指定ID的行是否存在。
    • 新增格式化处理,现在可以通过指定列的格式化方法来处理展现数据了。
    • 更新演示项目,增加根据状态字段不同来展现不同的数据和单元格颜色。
    • 修复转换为WebApp可能导致的bug.  

     TestStockFormIn_s

    TestStockFormList

    更新说明文档,请访问:JQuery FlexiGrid的asp.net完美解决方案:dotNetFlexGrid控件完整Api说明文档(更新至1.24 2010-9-10)

    更新演示程序,请访问:快速指南中提供TestStockFormList.aspx,演示在表单中使用dotNetFlexGrid储存客户录入的数据并作为表单提交

     

     列的展现模板:轻松在表格中显示文本框、按钮等任意东西

    InitConfig初始化时针对列配置增加了一个itemTemplate属性,该属性提供了当前列的展现模板设定,您可以在该属性中提供几乎任何Html内容(当然,请保证不会破坏表格结构),使用简单的模板语法“[@字段名]”来展现您所希望的格式,比如说:

           <input id=’ [@Guid]’ type=’text’ value=’[@String1]’ />

    上述语法将在指定的列展现一个以该行的Guid字段的值给出的Id的文本框,该文本框将展示String1字段的值。

      

    格式化列:在表格中根据上下文数据来控制单元格的内容、颜色等。

    1.24版本中,我们为控件加入了格式化的处理机制,现在DataHandler的返回值中增加了一个名为FieldFormator的配置项,您可以在这里针对列进行具体的格式化处理,如下示例,为返回的数据增加了一个针对列名为ProductState的处理器,我们将不同的状态使用颜色区分,并显示不同的文本。

       1:          dotNetFlexGrid.FieldFormatorHandle proc=delegate(DataRow dr)
       2:          {
       3:              switch (dr["ProductState"].ToString().ToLower())
       4:              {
       5:                  case "0":
       6:                      return "<span style='color:red'>禁用</span>";
       7:                  case "1":
       8:                      return "<span style='color:Blue'>下架</span>";
       9:                  case "2":
      10:                      return "<span style='color:Gray'>正常销售</span>";
      11:                  case "3":
      12:                      return "已售空";
      13:              }
      14:              return "";
      15:          };

     

     dotNetFlexGrid支持的三种列类型:数据不一定要来源于数据库

    截止到当前版本,控件支持三种不同来源的列类型:

    l  普通列

    最普通的一种列的形式,直接从DataHandler的返回值中获取并展示数据,不进行任何额外处理。

    l  模板列

    配置了展现模板的列,该列数据将根据模板中指定的格式生成数据,该列实际可以在数据源存在,也可以完全不存在,由运行时决定实际的展示内容。

    l  格式化列

    指定了格式化处理器的列,该列数据将调用格式化方法进行处理后返回,如果格式化列也存在模板配置,则将继续应用模板中的配置产生新的数据,跟模板列一样,该列实际可以在数据源存在,也可以完全不存在,由运行时决定实际的展示内容。

    本文作者:华磊 出处:http://www.cnblogs.com/hualei/
    本文版权归华磊和博客园、CSDN共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。该文章也同时发布在我的独立博客中-博客园-华磊CSDN-华磊
    特别授权:敏捷开发(SCRUM)系列文章特授权上海火速转载使用并应用到研发项目“火速智卓-用心连接企业员工的微信企业号应用平台”的管理中。
    小规模研发团队的敏捷开发(SCRUM)全集
    JQuery+FlexiGrid+asp.net完美解决方案-开源项目dotNetFlexGrid,构建快速的Ajax应用程序[官网][下载]。
  • 相关阅读:
    1.8 Hello World添加menu
    1.7 HelloWorld 添加视图
    1.6 Hello World
    1.5 组件开发基础
    awk
    sed
    grep / egrep
    Shell基础知识
    和管道符有关的命令
    Shell变量
  • 原文地址:https://www.cnblogs.com/hualei/p/1823573.html
Copyright © 2011-2022 走看看