- 博客(112)
- 资源 (2)
- 问答 (5)
- 收藏
- 关注
原创 Vue开发学习笔记:Vue3中使用标签的ref属性设置el-table点击单元格自动获取焦点
el-table使用ref标签属性设置单元格点击自动获取焦点
2022-05-09 11:34:11
4931
2
原创 Vue3开发学习笔记:使用axios post请求WebService
Vue3中使用axios.post请求获取WebService返回的数据
2022-04-14 00:49:45
4794
3
转载 数据库使用学习笔记:SQL计算时间差
1.DB2数据库学习自:http://www.bubuko.com/infodetail-2363768.htmlselect timestampdiff (4, char( timestamp('20210804205600')- timestamp('20210803205000'))) FROM sysibm.sysdummy1timestampdiff第一个参数的值可以使用以下各值来替代,以指出结果的时间单位: 1 = 秒的小数部分 2 = 秒 4 = 分 8...
2021-08-04 21:04:49
546
原创 Vue开发学习笔记:使用JS代码动态创建KendoUI组件的时机
需要使用JS代码动态创建KendoUI组件(例如使用element.kendoDropDownList()创建下拉dropdownlist组件)需要在mounted()方法中创建,不应该在created()方法中创建(在created中创建没有效果) mounted: function (param) { console.log("执行home页中的mounted方法"); $("#dropdownlist").kendoDropDownList({ dataSource:
2021-04-26 16:34:29
182
原创 Vue开发学习笔记:JSON.stringify(object)避免对象的循环引用报错
学习自:https://www.javaroad.cn/questions/1462611.JSON.stringify()第二个参数使用函数解除转换对象的循环引用否则会报错UncaughtTypeError:ConvertingcircularstructuretoJSONvar cache=[];// var tem1=JSON.stringify(dataItem);//JSON.stringify()第二个参数使用函数解除转换对象的循环引用否则会报错//Uncaught ...
2021-04-10 21:20:28
696
原创 Vue开发学习笔记:KendoUIGrid列宽自适应
学习自:https://stackoverflow.com/questions/25614952/how-to-make-kendo-grid-column-auto-width在dataBound函数中//数据绑定事件,可实现查询后,需要执行的操作 dataBound: function (parm) { //设置列宽自适应标题 var grid=parm.sender; for (let index = 0; index < grid.colu
2021-04-08 21:33:23
843
原创 Vue开发学习笔记:KendoUIGrid设置列标题样式
使用headerAttributes属性设置列标题样式data: function () { return { //自定义列集合,页面只显示需要列 columns: [ // field:列名,title:列标题,format:数据掩码格式;locked:锁定列(Grid必须有水平滚动条才使用锁定功能) { field: "selected", selectable: true,
2021-03-18 19:59:19
538
原创 Vue开发学习笔记:实现KendoUIPanelBar与KendoUITabStrip控件的动态关联
思路:KendoUITabStrip控件是通过ul-li以及div标签来生成对应的tab选项卡(li标签为tab选项卡的标题,div为tab选项卡的内容),每一个li标签对应一个div(div与ul标签同级)(参考官网),因此可以通过使用html模板来动态的生成tab选项卡1.Vue中不能渲染字符串中的组件标签,所以KendoUI组件库的组件标签不能被渲染,所以此时需要使用Vue.extend方法来使字符串中的组件标签能够被渲染,同时在PanelBar的item项目中需要使用路由来跳转页面,所以要.
2021-03-12 13:44:30
479
原创 Vue开发学习笔记:KendoUIGrid实现自动添加序号
1.学习自https://blog.csdn.net/jinuxm/article/details/53169329https://blog.csdn.net/qwerdfcv/article/details/1034795842.实现2.1、首先为KendoUIGrid绑定一个数据绑定事件dataBound<div id="ShowData"> <div class="searchLabel">信息区</div> <div>.
2021-02-26 14:13:14
472
原创 Vue开发学习笔记:(二)、实现KendoUIGrid新增数据功能
1.引用KendoUIGird并设置相关的属性<div id="ShowData"> <div class="searchLabel">信息区</div> <div> <!-- resizable:设置列宽可以调整 --> <!-- data-source:绑定数据源 --> <!-- columns:绑定自定义列集合 --> <!-- editable:设置Grid单元格可编辑性;inline:
2021-02-25 18:21:23
1176
原创 Vue开发学习笔记:(一)、实现KendoUIGrid数据查询展示
参考学习:https://www.cnblogs.com/wjx-blog/p/8400423.html1.完整代码<template> <div> <!-- resizable:设置列宽可以调整 --> <!-- data-source:绑定数据源 --> <!-- columns:绑定自定义列集合 --> <kendo-grid :data-source="dataTable"..
2020-12-24 14:13:54
715
原创 Vue开发学习笔记:使用KendoUIMenu实现动态菜单(调用WebService)
1.C#WebService中的代码public string CallService(string serviceName, string parameters){ JavaScriptSerializer jss = new JavaScriptSerializer();//用于序列化和反序列化 System.Collections.ArrayList dic = new System.Collections.ArrayList(); //数据表集合 System.Collection
2020-12-16 10:21:48
452
原创 Vue开发学习笔记:Vue项目使用Ajax调用C#WebService
1.Vue组件中import $ from 'jquery'//项目开发时手工添加export default { components: { 'px-menu': PXMenu }, data(){ return{ msgFromDb: '' } }, created: function name(params) { var self=this; $.aj
2020-12-14 09:37:32
1644
原创 C#开发学习笔记:C#实现打印Excel文档
//准备读取生成的Excel文档Microsoft.Office.Interop.Excel.Application excel = new Microsoft.Office.Interop.Excel.Application();//lauch excel applicationexcel.Visible = true;//该句代码不设置,wb.PrintPreview()将无法打开Excel文档// 以只读的形式打开EXCEL文件Workbook wb = excel.Application..
2020-12-10 19:10:50
1290
2
原创 C#开发学习笔记:GridView利用正则表达式排除数值列末尾多余的0
#region 设置小数点private void gridView4_CustomColumnDisplayText(object sender, DevExpress.XtraGrid.Views.Base.CustomColumnDisplayTextEventArgs e){ if (e.DisplayText != "") { //利用正则表达式判断当前列值不包含中文 //System.Text.RegularExpressions.Match result=System.Tex.
2020-06-10 17:00:20
430
原创 Web开发笔记:Ionic实现表格展示数据
1.accountgrid.page.html<ion-content style="overflow: scroll;" (ionScroll)="ionScroll()" scroll-events='true' id='Content'> <!-- 查询条件 --> <div id="CONTENT_TOP" style="width: 100%; border: tomato 1px solid;"> <form (
2020-05-14 23:23:23
872
转载 开发学习笔记:ionic 钩子事件 / ionic页面加载方法
ionViewDidLoad void 页面加载时运行。这个事件只在每个页面创建时发生一次。如果页面离开但被缓存,则该事件在后续查看时不会再次触发。该ionViewDidLoad事件是放置您的页面设置代码的好地方。 ionViewWillEnter void 当页面即将进入并成为活动页面时运行。 ionViewDidEnter void 当页面完全进入并且现在是活动页面时运行。无论是第一次加载还是缓存页面,此事件都会触发。 ionViewWillLeav...
2020-05-14 21:37:31
255
原创 使用nat123部署内网网站允许公网访问
1.注册一个nat123账号注册地址:http://www.nat123.com/UsersReg.jsp2.注册之后下载客户端以及登录客户端下载地址:http://www.nat123.com/Pages_2_32.jsp3.客户端添加映射4.上面完成之后发现映射提示端口不通(防火墙已放开这个端口),这是因为没有应用监听这个端口4.1开启IIS:我的电脑--->属性--->控制面板----->程序和功能------>左边的启用或关闭W..
2020-05-10 15:03:56
691
原创 C#开发学习笔记:GridView设置数据相同的列合并
using DevExpress.XtraGrid.Views.Grid;using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.Drawing;using System.Linq;using System.Text;using...
2020-01-02 15:53:01
1433
转载 Angular开发学习笔记:Angular 正确使用 @ViewChild、@ViewChildren 访问 DOM、组件、指令
Angular 正确使用 @ViewChild、@ViewChildren 访问 DOM、组件、指令 @ViewChild和@ViewChildren是Angular提供给我们的装饰器,用于从模板视图中获取匹配的元素。需要注意的是@ViewChild和@ViewChildren会在父组件钩子方法ngAfterViewInit调用之前赋值。接下来我们来看下@ViewChild、@Vi...
2019-12-30 19:51:33
572
转载 Angular开发学习笔记:Angular父子组件之间的传值
父组件向子组件传值 @Input文件目录父组件:father.template.html<h1>父组件</h1><cmt-child [data]='data'></cmt-child>father.component.tsimport { Component, OnInit } from '@angula...
2019-12-30 18:50:02
164
转载 Angular开发学习笔记:Angular自定义组件实现数据双向绑定
angular6 自定义组件,实现双向数据绑定在包装输入类型的组件时,我们需要向外暴露数据接口,用户输入和输出,这时候在组件内部定义双向绑定,会大大方便用户的使用。在编写组件之前,首先看一下组件的使用方式和效果:<binding-test [(userName)]="testBinding"></binding-test><p>app.compo...
2019-12-30 16:30:30
546
原创 Web开发学习笔记:Ionic4开发自定义组件
1.在项目中创建一个自定义模块ionic g module moduleName创建完成后会生成一个文件夹,文件夹中有个一个ts文件2.使用命令创建一个自定义组件(组件创建在上一步创建的模块文件夹下)ionic g component componentName创建之后的文件夹结构3.在自定义模块的module.ts文件中引入创建的组件4.在需要使...
2019-12-27 15:06:15
462
原创 Web开发学习笔记:ngIf中使用方法判断字符串中是否包含子字符串
<p *ngFor="let item of UseTypes"> <ion-select-option *ngIf="globalVariable.isContain('moneydetails',item.useModule)" value="{{item.value}}"> {{item.description}} </ion-select-opti...
2019-12-19 14:52:57
1264
原创 Web开发学习笔记:Ionic4开发时使用iconfont图标库图标
1.直接在https://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.7&type=3中找到自己需要的图标,然后下载svg格式2.在angular.json中找到对应的图标存放目录3.然后将下载下来的图标改名为跟以下文件格式相同(名字前加ios/md)之后就可以直接使用了注:...
2019-12-10 18:18:22
544
原创 Web开发学习笔记:Ionic4中根据滚动条滚动的距离设置返回顶部按钮显示与隐藏
以下代码使用IDE:vscode; 语言模式:TypeScript1.在HTML页 中使用悬浮按钮当做返回顶部的按钮,并绑定ion-content的ionScroll事件<ion-content padding (ionScroll)="ionScroll()" scroll-events='true' id='Content' > <!-- slot="fixe...
2019-12-09 19:08:29
745
1
原创 Web开发学习笔记:Ionic4与SQLite数据库交互
以下代码使用IDE:vscode; 语言模式:TypeScript1.使用命令创建一个serviceionic g serviceDBManager创建成功后目录中会有两个文件2.在app.module.ts中添加对DBManagerService类的引用同时在providers中添加DBManagerService类3.在DBManagerService类中编...
2019-11-30 09:13:59
998
原创 Web开发学习笔记:Ionic4使用SQLite数据库,将查询结果动态转为数组
以下代码使用vsCode+TypeScript编写1.定义数据查询方法 /** * 数据表数据查询 * @param tableName 类型:string 查询数据的数据表名称 * @param sqlParam 类型:Array<any> 拼接SQLWHERE条件语句需要的参数信息 * @param selectCol 类型:string 查询结果...
2019-11-29 09:22:16
521
原创 Angular开发学习笔记:字符串与时间类型的转换
1.字符串时间格式的互转SubmitData(data: any) { // let AccountDate = new Date(data.AccountDate); let AccountDate = new Date('2019/11/26'); console.log('当前AccountDate数据:', AccountDate); console....
2019-11-26 19:15:41
1314
原创 Web开发学习笔记:Ionic4开发时后台获取前台页面对象(或指定标签)并设置或移除属性
1.引入ElementRef,Renderer2类2.获取HTML页面或指定的标签并使用Renderer2类设置或移除标签的属性
2019-11-23 11:14:31
278
原创 Web开发学习笔记:Ionic4项目中使用自定义类
1.使用命令创建自定义类ionic g classGlobalVariable2.需要将新建的自定义类在app.module.ts的providers中注册3.在页面是使用自定义类效果图
2019-11-22 19:52:11
337
2
原创 Web开发学习笔记:Ionic4中ion-button点击事件无反应
纯粹的记录一下自己遇见的问题,大家不一定会遇见我创建了一个blank类型的Ionic4项目,然后自己添加了一些ion-button准备测试一下按钮跳转页面,但是当我在对应的HTML中绑定好按钮事件;在对应的ts文件中写好方法之后,调试时点击按钮居然没有反应下面是一开始的HTML页面代码<ion-header> <ion-toolbar color="primar...
2019-11-14 15:17:23
1498
原创 Vue开发学习笔记:Vue使用自定义组件
局部注册1.在components文件夹下新建一个tabs文件夹;同时新建四个文件2.在Tabs.vue中引用HTML、JS、CSS文件其中HTML文件随便写一些内容用于测试3.在需要引用的该组件的地方(其他组件)对应的js文件中import该组件并注册4.使用组件5.效果图全局注册1.在components文件夹下新...
2019-11-12 17:12:28
295
转载 AngularJS开发学习笔记:父子作用域之间的通信—$on、 $emit、$broadcast的介绍
angularJs中的作用域($scope)结构和DOM结构非常相似,也是一个层次分明的树状结构。它有一个根作用域$rootscope(对应angular应用或ng-app),其他作用域是嵌套在根作用域下面的。angularJs的$scope之间都遵循js中对象原型继承方式,当子作用域中没有该对象时,默认向上级作用域(父作用域)寻找,直到找到或者到达$rootscope为止,当子作用域有该...
2019-11-02 10:52:26
337
Android RGB颜色代码xml文件
2017-12-28
Vue3对象数组传递之后无法取值
2022-04-15
Socket编写的程序服务器客户端通信
2016-12-22
Dev Chartcontrol是否可以设置饼图固定大小
2016-12-01
gridview获取不到最后一列的值
2016-08-08
C#中,如何实现一个按钮根据不同的状态绑定多个事件
2016-07-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人