随笔分类 - Web前端
1
摘要：转载：https://www.cnblogs.com/ooo0/p/6278102.html js jquery 获取元素(父节点,子节点,兄弟节点) 一,js 获取元素(父节点,子节点,兄弟节点) 二,jquery 获取元素(父节点,子节点,兄弟节点) 三,元素筛选
阅读全文
摘要：效果如图： 一、HTML代码 二、js绑定值 三、后台构造的json格式
阅读全文
摘要：自己用bootstrap搭了个项目，纯属娱乐。。。。为了检验学习bootstrap之成果。 效果如图： 一、搭建中发现一问题，因为以前测试都是写的html页面，这次用了母版页，点击页面的之后，页面会刷新，不会保留菜单选中状态 解决办法：用js保留上次的值，页面刷新重新赋值。给当前选中菜单添加clas
阅读全文
摘要：效果如图：用bootstrap 写的一个简单的登陆 一、修改样式 样式可以自己调整，例如换个背景色之类的，修改 background-color属性就可以 我自己调的时候只给from加了背景色，当然可以给整个页面加背景色，设置body背景色就可以 当然也可以设置背景图片之类的 至于效果，可以自己去试
阅读全文
摘要：Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。 总结一下我近期的学习Bootstrap的一些理解： 一、.col-xs-1, .col-sm-1, .col-md-1 这些都是什么意思？ .col-xs-超
阅读全文
摘要：随便搭的一个母版页，不太好看，只是为了看效果。。。。请勿吐槽。 效果如图： 一、新建母版页，引入Bootstrap相关js文件 二、写右侧手风琴菜单 三、因为原始的我感觉不太好看，颜色不搭并且间距太大了，微调了一下。 四、最后新建一个页面，使用模板页即最后的效果 五、母版页的完整代码
阅读全文
摘要：使用表格的时候经常会用到多选的功能，比较常用，下面写一个小Dome记录一下 如下：单击批量删除按钮之后，需要获取选中行数据，传值到后台进行处理 一、获取选择行的数据 btnplDel是按钮id；table是表格的id，具体的table代码就不写了。 二、调试截图，看一下具体值，更直观 选择行的值：
阅读全文
摘要：效果如图： 一、声明talbe 二、JS绑定Table值 当前使用的是服务端分页 sidePagination: "server" 。根据数据库的查询结果绑定table数据每次只查询当前显示的行，适合数据量大的程序；还有一种是客户端分页，是一次性查询出所有的内容，然后再分页，客户端分页的模式适合数据
阅读全文
摘要：实现效果如图： 一、声明市、县、乡对应的下拉控件select 二、JS代码：三级联动改变上一级的值触发下一级的数据绑定，因为首次绑定不会触发改变事件，所以默认一个空列，让用户自己选择。 三、后台代码：从数据库读取数据，转换为json串，返回前台。
阅读全文
摘要：这段时间研究了下bootstrap，打算从表格开始学习，实现动态绑定值，在网上找了挺多例子，但是很少有写全的，要不就太复杂，实现效果后总结一下，直接拷贝过去可以用。 第一步：先去官网上下载bootstrap的文档 第二步：引入bootstrap之前，先需要引入jquery的文档 第三步：引入Boot
阅读全文
摘要：combobox实现下拉列表多选， 效果如下 一、先定义一个easyui-combobox 二、在javascript中写入如下代码 三、后台传到前台的Json格式
阅读全文
摘要：EasyUI中Datagrid的第一列显示行号，可是如果数据量大的的时候，显示行号的那一列数据会显示不完全的。 可以通过修改Datagrid的样式来解决这个问题，在样式中加入下面这个样式，就可以自己修改显示行号列的宽度了
阅读全文
摘要：需求:开发时遇到一个问题， 需要根据GridControl行数据不同，实现不同的效果 在gridView的RowCellStyle的事件中实现，需要的效果 private void gridView1_RowCellStyle(object sender, DevExpress.XtraGrid.V
阅读全文
摘要：用的DevExpress控件时，有一些操作并不太方便，根据我自己需要的封装了一些控件的事件，调用的时候直接绑定控件的事件就可以了 例如: this.ComboBoxEdit.KeyDown += CtrlBase.ComboBoxEdit_KeyDown; this.LookUpEdit.KeyDo
阅读全文
摘要：用GridControl控件添加数据的时候发现，有一些字段过多但是并不是每个字段都需要用户输入，每个单元格都回车跳转的时候不仅浪费时间，而且用户体验也不好，就需要单元格跳转的时候，不需要的字段可以隔过去，找了好久，终于找到了解决方案。 1:首先把解决GridControl回车跳转单元格问题 priv
阅读全文
摘要：1.GridView的回车跳转单元格和换行 private void gridView1_KeyPress(object sender, KeyPressEventArgs e) { if (e.KeyChar == 13)//按下回车 { string name = gridView1.Focus
阅读全文
摘要：最近用到DevExpress控件的GridControl控件，需要用到行多选的操作，在网上找的资料，自己总结一下。 先展示一下效果： 1:设置GridControl控件允许选择多行 Run Designer ->Options->OptionsSelection->MultiSelect=true
阅读全文
摘要：输入法是DevExpress系列控件比较常用的一个控件。searchLookUpEditd控件集成了快捷输入法，可以使用拼音，五笔等方式快捷输入。 先展示一下输入法的效果 现在来写一下操作步骤: 1:先添加一个searchLookUpEditd控件。 2.给searchLookUpEditd控件绑定
阅读全文
摘要：一、如何解决单击记录整行选中的问题 View->OptionsBehavior->EditorShowMode 设置为：Click 二、如何新增一条记录 (1)、gridView.AddNewRow() (2)、DataTable dt = this.gridControl1.DataSource
阅读全文
摘要：近期开发用到了DevExpress系列的控件，GridControl是我用到的Dev系列控件最多的一个控件。现在先来总结一下： 首先先写一个简单的小例子来简单介绍一下GridControl的用法： 1：在工具栏里拖入一个GridControl控件，为了美观我让GridControl完全填充Form，
阅读全文
1
