首页 > 其他分享 >DevExtreme项目相关记录

DevExtreme项目相关记录

时间:2024-02-26 15:44:24浏览次数:25  
标签:显示 表格 项目 column 记录 如下 DevExtreme 用于 设置

1.DxDataGrid是网格(表格标签)

 如上图所示:

里面的属性意思如下:

data-source : 动态的数据源

show-borders : 用于控制是否显示表格单元格之间的边框

column-width : 设置列的最小宽度

key-expr : 用于指定数据项的唯一标识符的表达式

allow-column-reordering : 是否允许列于列直接通过拖拽重新排序 columns : 动态设置列====》具体可看下面的第7条 @rowClick="handleRowClick" 行点击事件

 表格内常用的组件

1.<DxColumnChooser :enabled="true" /> 用于控制显示哪些列 于列表右上角显示一个小icon,效果如下

 2. <DxFilterRow :visible="true" />  可以模糊查询该列

 3. <DxHeaderFilter :visible="true" /> 可以筛选显示列

 4.<DxGroupPanel :visible="true" />  <DxGrouping :auto-expand-all="false" />  设置可拖拽加分组

 5. <DxPaging :enabled="true" pageSize="10" />              设置分页

      <DxPager         :visible="true"         :allowed-page-sizes="[10, 20, 50]"         display-mode="full"         :show-page-size-selector="false"         :show-info="true"         :show-navigation-buttons="true"       />  6. <DxColumn></DxColumn> 设置列,如下图:  

 7.列还可以通过动态设置:通过 :columns加载ts中的column,如下图

 caption : 页面显示的列名

 dataField : 字段名

 minWidth : 100 设置列的最小宽度

 dataType : string 设置数据类型

 alignment : center 设置居中

 cellTemplate : index 用于生成并显示序号  cellTemplate : buttons 用于生成操作列  fixed :是否使用fixed定位  fixedPosition: 'right' 固定列到列表的 右侧   =======================================================暂时先记录这些============================================================

 

标签:显示,表格,项目,column,记录,如下,DevExtreme,用于,设置
From: https://www.cnblogs.com/a973692898/p/18034422

相关文章

  • Linux:离线搭建vsftpd服务并记录新建用户登录报错问题(转载)
    1.检查本机是否安装过vsftpd#检查是否存在vsftpdrpm-qa|grepvsftpd2.下载离线安装包下载地址:http://rpmfind.net/linux/rpm2html/search.php?query=vsftpd(x86-64)3.开始安装vsftpd#安装vsftpdrpm-ivhvsftpd-3.0.2-21.el7.x86_64.rpm4.测试是否安装成功......
  • springboot项目启动失败
    对于springboot项目默认启动的时候,终端日志什么错误信息都没有打印,直接就启动失败了,就看到这么一句提示springbootProcessfinishedwithexitcode1这样我们确实不知道失败原因在哪里,我们可以这样调试,把错误找出来。在启动类里面加上trycatch语句 我们接着启动项目,从......
  • Node安装及创建Vite项目
    1.安装node进入官网下载:Node.js(nodejs.org) 选择安装路径后,默认安装;确认是否成功安装: 2.创建vite项目npminitvite-apptestvite 3.启动cdtestvitenpmrundev 4.确认 ......
  • Taro 项目总结
    对公司以Taro框架开发的项目进行部分总结。快速上手快速搭建Taro项目#全局安装taroclinpminstall-g@tarojs/cli#使用taro命令初始化项目taroinit[项目名称]#或者直接使用npx安装npx@tarojs/cliinit[项目名称]启动项目,查看package.json文件,其中......
  • cloudreve源码来构建项目的脚手架
    接口中,定义serviceservice返回响应方法;//UserLogin用户登录funcUserLogin(c*gin.Context){varserviceuser.UserLoginServiceiferr:=c.ShouldBindJSON(&service);err==nil{res:=service.Login(c)c.JSON(200,res)......
  • webserver服务器学习记录
    利用IO复用技术Epoll与线程池实现多线程的Reactor高并发模型利用正则与状态机解析HTTP请求报文,实现处理静态资源的请求利用标准库容器封装char,实现自动增长的缓冲区基于小根堆实现的定时器,关闭超时的非活动连接利用单例模式与阻塞队列实现异步的日志系统,记录服务器......
  • vue项目npm run build的时候自动更新package.json中的version
    在vue项目最外侧新增一个addVersion.js 脚本,脚本中编写逻辑来解析当前的版本号//addVersion.jsconstfs=require('fs');constpath=require('path');constpackageJsonPath=path.join(__dirname,'package.json');try{//读取package.json......
  • MAUI Blazor+MASA开发安卓应用学习笔记 - 新建项目和发布
    PS:开个新坑,内容都是全新接触的东西,包括MAUI,Blazor,MASA等等。整个项目都边学习边做的,有什么错的地方望大神指教。 学习开发安卓应用,我们的最终目标就是要生成一个APP应用,并能成功的在手机端打开。那么,我们首先要解决的就是怎么生成APP应用。一、创建一个.NETMAUIBlazor应用(注......
  • make集成go语言项目
    参考下面这个makefile.PHONY:builddebugdlvcleantoollinthelpall:buildbuild: @gobuild-v.debug: gobuild-gcflags"all=-N-l"-v-oapp.dlv: dlv--listen=:2345--headless=true--api-version=2--accept-multiclientexec./apptool:......
  • 在MFC MDI项目中创建子窗口并显示
    该项目是基于MFCMDI向导创建的项目,建议创建MDI项目的类向导中,在最后选择生成的类中,view类基于CFormView,要在MDI项目中创建自定义的子窗口并显示在矿建窗口中使用以下步骤:1、使用类向导创建基于MFC的类,基类选择CFormView(这个有类似对话框的功能),当然也可以使用CView。2、创建完成......