zoukankan      html  css  js  c++  java
  • 动态生成DataGrid

    动态生成DataGrid,包括分页、checkbox、动态绑定数据列动态生成按钮并绑定事件允许泛型数据类
    效果如下:

    使用只需要配置即可:

    <datagridwithpages:DataGridWithPage Grid.Row="0" Name="table"></datagridwithpages:DataGridWithPage>
    
    //设置表格内容
    table.Loaded += Table_Loaded;
    //设置数据源、分页事件
    //DemoViewModel需要继承于DataGridWithPageBaseViewModel<T>,并且实现数据查询、分页功能
    demoViewModel= new DemoViewModel(10, 1);
    table.DataContext = demoViewModel;
    
    private void Table_Loaded(object sender, RoutedEventArgs e)
    {
        //设置数据列
        List<SetDataColumnsItem> columnsItems = new List<SetDataColumnsItem>();
        columnsItems.Add(new SetDataColumnsItem() { Header = "Id", BindPath = "Id", DataGridLengthValue = 1, DataGridLengthUnitType = DataGridLengthUnitType.Star,Order=1 });
        columnsItems.Add(new SetDataColumnsItem() { Header = "ItemName", BindPath = "ItemName", DataGridLengthValue = 3, DataGridLengthUnitType = DataGridLengthUnitType.Star,Order=2 });
        
        //设置操作列
        List<OperationInfo> operationInfos = new List<OperationInfo>();
        operationInfos.Add(new OperationInfo() { Content = "修改", ExecuteEvent = Modify_Click,CanExecuteEvent=new ModifyVisibilityConverter(), Order = 1 });
        operationInfos.Add(new OperationInfo() { Content = "删除", ExecuteEvent = Delete_Click,CanExecuteEvent=new DeleteVisibilityConverter(), Order =2 });
        
        table.SetDataGrid(columnsItems, true, operationInfos, true);
    }
    

    SetDataGrid方法定义如下:

    /// <summary>
    /// 设置表格内容
    /// </summary>
    /// <param name="input">数据列</param>
    /// <param name="isShowOperationColumn">是否显示操作列</param>
    /// <param name="input2">操作列</param>
    /// <param name="isShowCheckBox">是否显示checkbox</param>
    public void SetDataGrid(List<SetDataColumnsItem> input,  bool isShowOperationColumn = false,List < OperationInfo> input2=null, bool isShowCheckBox = false)
    

    源代码和demo链接
    启动DemoWindow.xaml即可
    样式,样式这个东西是不存在的,自己写吧~

    要素过多,不讲了,感兴趣自己看吧

  • 相关阅读:
    1.JavaScript面试
    input框限制只能输入正整数、字母、小数、汉字
    js清除浏览器缓存的几种方法
    document的createDocumentFragment()方法
    javascript画直线和画圆的方法(非HTML5的方法)
    input框限制只能输入正整数,逻辑与和或运算
    user-select : 保护版权内容的简单方案
    JQuery中$.ajax()方法参数详解
    字符串转化为json方法
    原型和闭包重点
  • 原文地址:https://www.cnblogs.com/Lulus/p/13039153.html
Copyright © 2011-2022 走看看