首页 > Web开发 > 详细

UltraWebGrid中添加下拉菜单并实现下拉菜单切换事件

时间:2020-05-15 18:27:19      阅读:47      评论:0      收藏:0      [点我收藏+]

UltraWebGrid将数据列表中的某列设置为下拉菜单样式:

1.后台添加样式:

 ValueList CtlList = new ValueList();
 this.gridHelper.AddDropDownlistColumn("CONTROLDATA", "管制值类型", CtlList);
AddDropDownlistColumn方法如下:

public void AddDropDownlistColumn(string key, string headerText, ValueList newValueList)
{
  this.Grid.Bands[0].Columns.Add(key);
  this.Grid.Bands[0].Columns.FromKey(key).HeaderText = headerText;

  this.Grid.Bands[0].Columns.FromKey(key).Type = ColumnType.DropDownList;

 

  this.Grid.Bands[0].Columns.FromKey(key).ValueList = newValueList;
  this.Grid.Bands[0].Columns.FromKey(key).CellStyle.BackColor = System.Drawing.Color.White;

}

 

2.下拉菜单数据绑定:

定义一个ValueList,将查询出的数据Add到Valielst,最后将Valielst赋值到webgrid中"controldata"列的ValueList属性。

ValueList Valielst = this.gridWebGrid.Columns.FromKey("CONTROLDATA").ValueList;
          
object[] objParam = sysFacade.QueryParameter("", "LF_CONTROL_TYPE", "", true, 1, 100);               
if (objParam != null && objParam.Length > 0)
{
     for (int i = 0; i < objParam.Length; i++)
     {
          Valielst.ValueListItems.Add(objPara.ParameterDescription, objPara.ParameterAlias);
     }

     this.gridWebGrid.Columns.FromKey("CONTROLDATA").ValueList = Valielst;
                
     this.gridWebGrid.Columns.FromKey("CONTROLDATA").DefaultValue = this.gridWebGrid.Columns.FromKey("CONTROLDATA").ValueList.ValueListItems[0].ToString();                 
}

如上方式,即可实现webgrid中下拉菜单的显示。

 

给UltraWebGrid中下拉菜单添加切换事件(使用js实现):

1.在前台<igtbl:ultrawebgrid><DisplayLayout>......</DisplayLayout></igtbl:ultrawebgrid>  中添加代码:

<ClientSideEvents AfterCellUpdateHandler="AfterCellUpdateHandler" />

2.添加js函数

当下拉菜单切换完成时,将触发AfterCellUpdateHandler函数。

function AfterCellUpdateHandler(gridName, itemName) {
    var grid = igtbl_getGridById(gridName);
    var row = igtbl_getRowById(itemName);   //获取当前行
    var cell = igtbl_getCellById(itemName); //获取当前单元格
                
    row.getCellFromKey("CONTROLDATA").Value.replace(/\s+/g, "");
    row.getCellFromKey("USL").setEditable(false);
}

   row.getCellFromKey("CONTROLDATA").Value; 获取当前行key值为CONTROLDATA的单元格的内容

   row.getCellFromKey("USL").setEditable(true); setEditable用来设置单元格是否可以编辑 true:可编辑 false:不可编辑

 

如上,即实现了UltraWebGrid中下拉菜单的切换事件。

 

UltraWebGrid中添加下拉菜单并实现下拉菜单切换事件

原文:https://www.cnblogs.com/qianlang/p/12896235.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!