随笔分类 -  devexpress

1
ASP.NET Core Controls 页面控件
列表高度自适应——DataGrid系列
摘要：列表高度自适应 @(Html.DevExtreme().DataGrid<project_record>() .ID("grid") .Height(new JS("getHeight")) ……) <script> function getScreenState() { //屏幕状态 0竖屏 ，1 阅读全文
posted @ 2023-02-22 14:51 H辉 阅读(136) 评论(0) 推荐(0)
列头漏斗筛选属性设置——DataGrid系列
摘要：达到目的： 显示每个关键列有多少个结果，过滤空白列。 先上效果图： 1 @(Html.DevExtreme().DataGrid<PowerPlantManagement.Models.FixedAssets>() 2 ... 3 .Columns(columns => { 4 columns.Ad 阅读全文
posted @ 2022-12-23 11:35 H辉 阅读(121) 评论(0) 推荐(0)
模板里面获取上级控件——DataGrid系列
摘要：@(Html.DevExtreme().DropDownBox() .ID("dllrop") .ValueExpr("ID") .DisplayExpr("Name") .DataSource(d => d.Mvc() .Controller("DataGridCustomers") .LoadA 阅读全文
posted @ 2022-09-23 10:06 H辉 阅读(69) 评论(0) 推荐(0)
获取筛选条件——DataGrid系列
摘要：这个表格，有点了两个筛选条件之后，表格自动向后台接口发起请求，其中就带了筛选参数。 http://localhost:6241/StockIn/Get?filter=[["ExProviderId","=","1458669296937996288"],"and",["IsIndustryDep", 阅读全文
posted @ 2022-09-23 09:57 H辉 阅读(168) 评论(0) 推荐(0)
动态列——DataGrid系列
摘要：当model里面的字段属性不确定时，就需要用到动态列。 先上效果图： 以下为关键代码 前端： @{ var columnData = new[] { "test1:测试1","test2:测试2","test3:测试3"};} .DataSource(d => d.Mvc().Controller( 阅读全文
posted @ 2022-08-31 11:28 H辉 阅读(388) 评论(0) 推荐(0)
动态设置表单 填写项是否必填
摘要：需求是： “是否有中标通知书“ 这一栏，在页面初始化的时候，是显示的 “是否有中标通知书 可选”。根据 上一项 “是否中标”的选择值动态设设置 该项的 必填属性。 贴出关键代码，如下 @(Html.DevExtreme() .Form<project_record>() .ID("formOrder 阅读全文
posted @ 2022-07-15 15:12 H辉 阅读(435) 评论(0) 推荐(0)
下拉框联动
摘要：菜单的两个下拉框的联动，比如 省份和城市。 给 城市下拉框，建立一个新的数据源，进行绑定。选中省份之后，把新数据源进行过滤，然后刷新。 利用数据源控件的特性，就会自动刷新城市下拉框的列表绑定。 阅读全文
posted @ 2022-03-09 17:49 H辉 阅读(141) 评论(0) 推荐(0)
自定义上传控件
摘要：先上图： 前端代码： 1 @(Html.DevExtreme().DataGrid<MettingReportViewModel>() 2 .ID("gridMetting") 3 .OnToolbarPreparing("toolbar_preparing") 4 ) 5 6 7 @(Html.D 阅读全文
posted @ 2021-09-30 17:59 H辉 阅读(108) 评论(0) 推荐(0)
多级手风琴式导航
摘要：先上效果图： 贴上代码： 1 @(Html.DevExtreme().Accordion() 2 .ID("accordion-drawer") 3 .DataSource(ds => ds.Mvc() 4 .Controller("SampleData") 5 .LoadAction("GetMe 阅读全文
posted @ 2021-09-28 15:43 H辉 阅读(136) 评论(0) 推荐(0)
Button的图标集合
摘要：来源:Icons: DevExtreme - JavaScript UI Components for Angular, React, Vue and jQuery by DevExpress 21.2 阅读全文
posted @ 2021-09-15 15:43 H辉 阅读(256) 评论(0) 推荐(0)
汇总——DataGrid系列
摘要：第一种： 拿到数据后，控件自己来汇总 1 @*…………省略无关部分*@ 2 3 @(Html.DevExtreme().DataGrid<Model>() 4 ………… 5 .ID("gridMetting") 6 7 .KeyExpr("ReportUserGroupId") 8 .DataSou 阅读全文
posted @ 2021-09-06 17:55 H辉 阅读(160) 评论(0) 推荐(0)
动态设置字段不可编辑——DataGrid系列
摘要：效果图： 放上代码： 1 @(Html.DevExtreme().DataGrid<Model>() 2 .ID("gridMetting") 3 .Mode(GridEditMode.Popup) 4 .Popup(p => p 5 .Title("会议报备") 6 .ShowTitle(true 阅读全文
posted @ 2021-09-06 17:27 H辉 阅读(324) 评论(0) 推荐(0)
隐藏列头——DataGrid系列
摘要：效果图： 放上代码： 1 @(Html.DevExtreme().DataGrid<Model>() 2 .ID("gridMetting") 3 .ColumnChooser(c => c.Enabled(true).Title("隐藏列").EmptyPanelText("把列头拖到这里")) 阅读全文
posted @ 2021-09-06 17:06 H辉 阅读(165) 评论(0) 推荐(0)
制定工具栏——DataGrid系列
摘要：效果图： 贴代码： 1 @(Html.DevExtreme().DataGrid<Model>() 2 .ID("gridMetting") 3 .Editing(e => e 4 .AllowAdding(true) 5 .Texts(t => { 6 t.AddRow("报备会议"); 7 }) 阅读全文
posted @ 2021-09-06 16:57 H辉 阅读(100) 评论(0) 推荐(0)
汉化——DataGrid系列
摘要：这里只展示其中一些方式 1 全局汉化 <script src="~/js/devextreme/localization/dx.messages.zh.js"></script> //dx.messages.zh.js文件里面的内容可以根据自己的需要去修改。中文要使用unicode编码………… $( 阅读全文
posted @ 2021-09-06 16:41 H辉 阅读(272) 评论(0) 推荐(0)
操作提示框——DataGrid系列
摘要：1 <script> 2 //初始化 3 $(function () { 4 alterSuccess("成功"); 5 //alterError("失败"); 6 7 8 //confirmDev("您确定要删除吗") 9 //.done((r) => { 10 // if (r) { 11 // 阅读全文
posted @ 2021-09-06 16:19 H辉 阅读(114) 评论(0) 推荐(0)
API接口数据交互——DataGrid系列
摘要：1 ………… 2 3 @(Html.DevExtreme().DataGrid<Model>() 4 ………… 5 .ID("gridMetting") 6 .LoadPanel(n=>n.Enabled(false)) 7 .OnEditingStart("onEditingStart") 8 . 阅读全文
posted @ 2021-09-06 16:11 H辉 阅读(238) 评论(0) 推荐(0)
自定义行操作事件——DataGrid系列
摘要：1 ………… 2 3 @(Html.DevExtreme().DataGrid<Model>() 4 ………… 5 .Columns(c => 6 { 7 ………… 8 c.Add() 9 .Type(GridCommandColumnType.Buttons) 10 .Width(110) 11 阅读全文
posted @ 2021-09-06 14:55 H辉 阅读(111) 评论(0) 推荐(0)
分页样式——DataGrid系列
摘要：1 ………… 2 3 @(Html.DevExtreme().DataGrid<Model>() 4 ………… 5 6 .Paging(p => p.PageSize(10).Enabled(true)) //开启分页，指定每页记录数 7 .Pager(pager => 8 { 9 pager.Vi 阅读全文
posted @ 2021-09-06 14:43 H辉 阅读(107) 评论(0) 推荐(0)
勾选批量操作——DataGrid系列
摘要：贴上代码： 1 ………… 2 3 @(Html.DevExtreme().DataGrid<Model>() 4 ………… 5 .KeyExpr("Id") 6 7 .Selection(s => 8 9 s.Mode(SelectionMode.Multiple) //开启多选 10 .ShowC 阅读全文
posted @ 2021-09-06 14:18 H辉 阅读(366) 评论(0) 推荐(0)

1