如何将换行回车取消将下一行接上后清空的输入设置

来源：蜘蛛抓取(WebSpider) 时间：2022-10-28 07:11 标签： 如何将换行回车取消将下一行接上

大家好，我是开源项目 主要开发者之一，如果你还不了解MASA Blazor，可以访问我们的 和博客 《》 一探究竟。简单来说，MASA Blazor

我这次分享的主题是《使用MASA Blazor开发一个标准的查询表格页》，我会先从创建项目开始手撸一个没有任何技巧的查询表格页，然后我会分享一些技巧和封装的组件，实现快速开发。

关于如何安装MASA Blazor模板，请移步 。

通过CLI运行应用程序，或直接通过vs启动项目。

启动成功后切换到 Fetch data 页面，此页面展示了一个简单的使用了 MDataTable 的表格。

支持单个查询条件和搜索

让我们从最简单的单个条件查询开始。

将随机数据替换成模拟数据

添加查询输入框和搜索按钮

定义了一个搜索按钮，用于触发查询。

支持多个查询条件和重置

现在让我们再添加一个高温预警的选择框来查询不同高温预警状态的数据。

此处定义了一个重置按钮，用于清空所有查询输入框的内容并刷新表格。

支持键入回车或选择后触发查询

后来测试小姐姐说你这太难用了，回车不能触发搜索，选择完也不能触发搜索。好吧好吧，我们现在加上。

// 等待156毫秒，预防输入的值在更新到变量之前按下Enter键

表的行操作和自定义列样式

因为篇幅限制，我就不一一把代码贴出来了，具体代码请查阅 接下来我将针对Table写一些常见的代码，如行操作和自定义列样式。

我本应该用这节分享的内容将上面的例子重构的过程写出来，但感觉会使得本文太冗长。重构后的代码我也会上传到 上。

试想一下，当你被分配到好几个模块，每个模块都有至少一个查询表格页，你会如何开发？你大概会说复制最合适的代码文件，然后重命名文件名，重命名相应的变量，修修改改就完行了。当然这是一个方法，但不优雅。那优雅的方式是什么，是封装。我有段时间在全职开发 MASA.Blazor 组件库，后面因为业务需求分配到了IoT项目帮助Blazor后台系统的研发和 MASA.Blazor 的实践。在开发IoT项目时，经常会看见相同的代码分布在相同的类中，我试着优化重构这些代码，并从查询表格页中抽离封装了以下几个组件：

  • PageHeader：一个标准的页头，包括了标题、副标题、搜索按钮，并提供Filters组件的能力。
  • Actions：提供一组操作按钮，默认展示前两个，后面的按钮会移动到MMenu中显示。
  • BlockText：将相同类型的两个数据并列显示。ColorChip：提供有限的颜色列表生成带浅色字体的MChip。
  • CopyableText：在文本后提供可以复制内容的图标按钮。
  • DateTimePicker：提高带时分秒选择器的弹出层时间选择器。

PageHeader组件作为 MASA.Blazor 预置组件的一部分已经发布，其他提及的组件还没有并入 MASA.Blazor 主库。如果你想要使用或参考，可以访问 。关于预置组件和实验性组件的详细介绍和使用的文章，后面会由其他同事编写和发布，请大家带多多关注！

是一个实验性组件库，这意味着该库的API和功能可能会被重新设计。不过随着实验性组件的功能不断完善和稳定，会随着 MASA.Blazor 版本的更新而并入主库。

Blazor的组件其实也是一个类，它默认继承自 ComponentBase 并提供了许多虚拟方法，我们可以重写它们来影响应用程序的行为。而这些方法通过继承机制给所有Blazor组件使用。

在实际开发中，我会发现几乎每个页面都会注入 NavigationManager、IJsRunTime 和其他可能存在的业务服务，或者会使用某些共同使用的组件，那我们可以在继承 ComponentBase 的基础上再写一个已经使用了这些服务和组件的基类。

按业务分类就得看情况了，因为业务更加具体，基类里通常会有注入 HttpClient 或者同类型业务服务，以及任何共同使用的代码。

只需知道每当父级呈现时，都会执行此方法。这意味着它是指定默认参数值的正确位置。
拿前面的例子来说，在使用 MTextField 和 MSelect 时都会设置以下代码来维持相同的外观和行为：

那么与其每次都要写一遍，不如利用 SetParametersAsync 的特性把这些默认参数提前设置：

未来我们团队将继续优化各个组件的性能，完成缺失的组件，解决BUG问题，完善文档等。另外，我们也计划出Blazor相关的教程和分享文章，敬请期待。

到此这篇关于使用MASA Blazor开发一个标准的查询表格页的文章就介绍到这了,更多相关MASA Blazor查询表格页内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

不放心是否复制成功的话可以粘贴出来看看。

按 i 键进入“插入编辑模式”，去掉“listen_address”前面的 #，使该配置参数起效
如果想仅对部分IP开放，多个IP之间用 , （逗号+空格）隔开。

编辑完成后，按Esc键，输入：:wq
回车，“保存退出”文档。
回车，进入文档内容。（如果使用其他版本的PostgreSQL则需要把其中的9.4换成对应的版本）

此时postgreSQL数据库安装成功，用可视化工具连接一下吧。

编辑完成后，按Esc键，输入：:wq
回车，“保存退出”文档。

编辑完成后，按Esc键，输入：:wq
回车，“保存退出”文档。

至此，PostgreSQL主从流复制安装部署完成，用可视化工具测试一下吧。
在主服务器（201）上插入数据或删除数据，
在从服务器（200）上能看到相应的变化。
从服务器（200）上只能查询，不能插入或删除。

www服务用apache来实现，步骤极其简单，当然，这里说的是初级应用。因为我们要实现的是简单的www服务，所以只需更改下面几个参数即可：
可以查询出会返回所有注册在则会显示这个主机的所有域名信息.
安装rpm包时显示进度并校验包的正确性
校验所有的rpm包，查找丢失的文件 rpm -Va
20. 查看系统监听的服务
解释: "l"表示显示当前系统监听的端口信息;"n"表示端口按照端口号来显示,而不转换为service文件中定义的端口名;若希望了解各个端口都是由哪些进程监听则可以使用p参数.
21. 查看系统运行的进程
解释: 其中参数"a"表示显示系统中所有用户的的进程;"u"表示输出进程用户所属信息;"x"表示也显示没有控制台的进程;若显示行太长而被截断则可以使用f参数.
将已有帐号移至新的位置->
首先，将已有帐号的主目录连带目录属性拷至新位置,可用下面命令:
这样两步已将旧帐号移至新位置.确保无误后,可删去旧帐号的旧主目录以腾出原文件系统的空间.
23. 启动时屏幕显示的信息
Linux 启动时屏幕显示的信息来不及看清就一闪而过,如果对这些信息感兴趣的话可以在启动完后用命令 dmesg 查看.
说明: 如果成功会有一个successful......这里的x,如果是一个盘,就是0.如果你所安装的linux的根分区在第二个硬盘上,那x就是1了;y 就是装有linux系统所在的根分区.setup (hd0)就是把GRUB写到硬盘的MBR上.如果我知道我的linux装在第一个硬盘上,但我不知道装在哪个分区上,就可以先输入root

我要回帖

更多关于 如何将换行回车取消将下一行接上 的文章

 

随机推荐