表单 对话框 组件 表格
PySide2如何使加载耗时组件
QTherad方式 #!/usr/bin/env python # -*- coding:utf-8 -*- # @Time：2023/9/25 10:12 # @Software：PyCharm __author__ = "JentZhang" from PySide2.QtWidgets imp ......
layui table 表格上下左右事件
//按键监听事件 $(document).on('keydown', '.layui-input', function(event) { var td = $(this).parent('td'); var index = td.index(); var tr = td.parent('tr'); ......
17-收集表单数据
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>收集表单数据</title> <script type="text/javascript" src="../js/vue.js"></script> </hea ......
Spring组件注入三种方式的使用和区别
Spring框架提供了多种注入bean的方式,其中最常用的有@Autowired、@Resource和@RequiredArgsConstructor三种。这篇文章我们来讲解它们的具体使用和区别。 @Autowired @Autowired是Spring自带的注解,放在属性字段或者setter方法上 ......
宏观上理解blazor中的表单验证
概述 表单验证的最终效果大家都懂，这里不阐述了，主要从宏观角度说说blazor中表单验证框架涉及到的类，以及它们是如何协作的，看完这个，再看官方文档也许能更轻松点。 blazor中的验证框架分为两部分：基础验证框架 和 基于数据注释Atrrbute的验证器，当然也提供了很多扩展点。注意我们通常使用数 ......
2023 年前端 UI 组件库概述，百花齐放！
UI组件库提供了各种常见的 UI 元素，比如按钮、输入框、菜单等，只需要调用相应的组件并按照需求进行配置，就能够快速构建出一个功能完善的 UI。 虽然市面上有许多不同的UI组件库可供选择，但在2023年底也并没有出现一两个明确的解决方案能够适用于所有情况。因为不同的前端框架（例如React、Angu ......
antd/fusion表格增加圈选复制功能
背景介绍 我们存在着大量在PC页面通过表格看数据业务场景，表格又分为两种，一种是 antd / fusion 这种基于 dom 元素的表格，另一种是通过 canvas 绘制的类似 excel 的表格。 基于 dom 的表格功能丰富较为美观，能实现多表头、合并单元格和各种自定义渲染（如表格中渲染图形 ......
使用原生js提交form表单
主要函数 function form(formId,callback){ try{ const target=document.getElementById(formId); target.addEventListener("submit",(e)=>{ e.preventDefault(); co ......
力扣-链表组件
1.问题 给定链表头结点 head，该链表上的每个结点都有一个唯一的整型值 。 同时给定列表 G，该列表是上述链表中整型值的一个子集。 返回列表 G 中组件的个数，这里对组件的定义为：链表中一段极长连续结点的值（该值必须在列表 G 中）构成的集合。极长的含义是：这段连续结点的前面或后面结点不属于G。 ......
elmentui表单重置初始值问题与解决方法
背景 在做管理台项目时，我们会经常使用到表单+表格+弹窗表单的组合，以完成对数据的增、删、查、改。 在vue2+elementui项目中，使用弹窗dialog+表单form，实现对数据的添加和修改。 每次关闭弹窗时，使用resetFields方法对表单进行重置。 下一次打开弹窗时， 如果是添加数据， ......
uniapp，微信小程序确认收货组件的使用
直接上代码 //拉起确认收货组件 if (wx.openBusinessView) { wx.openBusinessView({ businessType: 'weappOrderConfirm', extraData: { // merchant_id: '1230000109',//用户交易商 ......
BootstrapBlazor组件库，NET8.0使用教程
BootstrapBlazor组件库，NET8.0使用教程 BootstrapBlazor组件库官网 https://www.blazor.zone/components BootstrapBlazor组件库github仓库地址 https://github.com/dotnetcore/Boots ......
01-React-父子组件通讯-函数式组件
在了解父子组件通讯这个知识点的时候，首先要说明清楚一点内容就是什么是父组件什么是子组件，在上一篇 React-组件开篇 当中我们在 App.js 类组件当中使用到了其它的一些组件，那么 App 就是父组件，被 App 所使用的就是子组件，了解了什么是父子组件之后，介绍要来介绍一下它们之间该如何进行通 ......
01-React-父子组件通讯
父子组件通讯 父组件将方法传递给子组件，在 React 当中也会将父组件传递的，数据和函数信息直接存放在子组件当中，的 Props 属性对象当中 React 的父子组件通讯的实现其实就是利用，函数的互相调用进行实现完成的 Header.js: import React from 'react'; i ......
01-React-组件-Ref
React 中获取元素的方式 字符串 对象 回调函数 官方文档：https://zh-hans.reactjs.org/docs/refs-and-the-dom.html#gatsby-focus-wrapper 第一种 传统方式(在 React 中及其不推荐) import React from ......
01-React-组件-setState
setState 是如何给 state 赋值的 通过 Object.assign() import React from 'react'; class Home extends React.Component { constructor(props) { super(props); this.sta ......
01-React-组件-TransitionGroup
TransitionGroup 的作用，博主用通俗易懂的话来讲就是一个一组元素添加动画，在我们的实际开发当中有时可能会有这么一个需求就是，在一个页面上，有添加和删除，在做这些操作的时候需要都带上动画，那么这个时候就可以使用 TransitionGroup 来快速实现。 案例 App.js: impo ......
01-React-组件-CSS模块化
Css Module (推荐) React 的脚手架已经内置了 css modules 的配置： .css/.less/.scss 等样式文件都修改成 .module.css/.module.less/.module.scss 等； 在以前我们的文件是这样的 index.css 如果使用了 CSS ......
CSS的表格属性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
BootstrapBlazor组件库，Table组件外部导出数据
BootstrapBlazor组件库，Table组件导出选中行数据 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的Table组件导出功能时，不知道怎么通过外部按钮来导出数据。 解决方案 通过@ref当前表格对象来获取数据，然后进行导出操作。 Razor代码 <Button cla ......
组件通信
认真学习前端第四天打卡 1.组件通信： 1.父子组件： 父->子：父组件在子组件标签里（响应式v-bind）自定义属性传递；子组件通过props属性接收 子->父：子组件实例自定义事件（$emit），父组件中子组件监听这个事件（v-on） 2.兄弟组件： $emit->$on(挂载后mounted） ......
Ant Design Pro项目ProTable怎么获取搜索表单值
前情 公司有经常需要做一些后台管理页面，我们选择了Ant Design Pro，它是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案。 产品效果图 最新接到的一个后台管理界面需求，如下图。需要实现数据导出功能，ProTable搜索栏默认有重置和查询按钮，所以需要增 ......
记录--使用Canvas绘制一个验证码组件
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 使用Canvas绘制一个验证码组件 前言 验证码，这一日常伴随我们的要素，是我们在线交互的重要安全保障。你的手机短信里是否被它占据半壁江山，今天我们就来聊聊如何在网页上实现一个简单的验证码组件。大家在登录网站时为了防止被恶意攻击或者多次点 ......
关于表单快速开发低代码技术平台的内容介绍
运用什么样的表单快速开发软件平台可以实现高效率创收？随着科技的进步和飞速发展，专业的低代码技术平台已经走入了很多企业的办公职场中，它们灵活、轻量级、优质、高效、易维护等优势特点，可以高效助力广大企业提质增效，并且利用数据资源，实现流程化办公。 什么是低代码技术平台？其实，低代码是无需编码（0代码）或 ......
BootstrapBlazor组件库，Table组件导出选中行数据
BootstrapBlazor组件库，Table组件导出选中行数据 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的Table组件导出功能时，不知道怎么导出选中的行数据。 解决方案 通过SelectedRows来导出选中的行数据。 Razor代码 <Table TItem="Foo ......
微信小程序：获取不到表单数据
今天碰到了一件让我怀疑人生的事情：获取不到表单的数据，但是productName能获取到数据，其他的都获取不到数据，而且他们的写法一模一样。 <view class="contain" style="margin-bottom: 200rpx;"> <form bindsubmit="formSub ......
BootstrapBlazor组件库，EditorForm表单组件自定义提示
BootstrapBlazor组件库，EditorForm表单组件自定义提示 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的EditorForm表单组件时，不知道怎么修改提示文本。 解决方案 我们可以修改PlaceHolder的值，来修改默认的提示文本信息。 Razor代码 <E ......
element中的<el-cascader>组件当值是0时不选中问题
在element中的组件中，如果当前值是0时，无法显示。 解决方法：将为0的值转换成字符串的0，即 "0"。 ......
生产订单的批量创建和组件的批量修改
生产订单批量创建 组件批量更改（先删除自带的，再添加上传的） * * * 模 块： PP * 描 述： 生产订单批导 * 时 间： 2023-07-10 * * * 修 改 标 记|修 改 时 间|修 改 人|修 改 原 因 * 1 2023-07-10 Create * * REPORT zppc ......
利用Python从现有的Excel表格中复制指定列生成新的Excel文件
import xlrdimport xlwtimport patterns as patterns file1 = '通讯专线汇总统计表.xls'file2 = '附件：历史存量邮电费明细.xls' data1 = xlrd.open_workbook(file1) table1 = data1.s ......