09 2021 档案

自定义上传控件
摘要：先上图： 前端代码： 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辉 阅读(101) 评论(0) 推荐(0) 编辑
手机页面上查看调试日志
摘要：效果图： 代码： <script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.9.0/vconsole.min.js"></script> <script> // init vConsole var vConsole = new VConsol 阅读全文
posted @ 2021-09-28 15:58 H辉 阅读(160) 评论(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辉 阅读(115) 评论(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辉 阅读(241) 评论(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辉 阅读(139) 评论(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辉 阅读(290) 评论(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辉 阅读(138) 评论(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辉 阅读(82) 评论(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辉 阅读(216) 评论(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辉 阅读(94) 评论(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辉 阅读(219) 评论(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辉 阅读(95) 评论(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辉 阅读(90) 评论(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辉 阅读(323) 评论(0) 推荐(0) 编辑