easyui-layout布局,动态给某区域面板修改title值

2 篇文章 0 订阅
订阅专栏

    在easyui的布局中,没见到有直接修改某个区域title的方法。现分步修改如下。

布局代码:

<div id="cc" class="easyui-layout" style="width:700px;height:400px;">
    <div data-options="region:'north',title:'North Title',split:true" style="height:100px;"></div>
    <div data-options="region:'south',title:'South Title',split:true" style="height:100px;"></div>
    <div data-options="region:'east',title:'East',split:true" style="width:100px;"></div>
    <div data-options="region:'west',title:'West',split:true" style="width:100px;"></div>
    <div data-options="region:'center',title:'center title'" style="padding:5px;">
        <a id="fix" class="easyui-linkbutton">点击修改面板title</a>
    </div>
</div

效果如下:

点击按钮,修改某个区域面板

代码如下:

<script>
    $(function(){
        $('#fix').click(function(){
            //1、获取某个区域面板,如east
            var temp = $('#cc').layout('panel','east');
            //2、给区域面板title赋值
            temp.panel('setTitle','东区标题');
        });
    })
</script>

效果如下:


完整代码见:

https://github.com/themeth/test/blob/master/easyui-layout.html


jqeury-easyui-layout问题解决方法
12-09
今天在用easyui布局时,碰到了一个疑惑的问题。 问题:当把class=“easyui-layout”写在一个独立的div中时,layout的样式无法显示,也不报错。 例如: 代码如下: <span xss=removed><body > <div class=”easyui-layout”> <div data-options=”region:’north’,title:’North xss=removed> </div> <div data-options=”region:’south’,title:
EasyUI布局 高度自适应
11-22
最近在把以前写的一个项目改成用easyui做前端。过程中遇到了不少问题。其中一个就是datagrid不能很好的布局。想了好多办法都有局限。最后想到会不会是布局的问题,经过实践,最后问题解决。 1:比如在项目中用到了datagrid。如果界面比较简单---只有一个datagrid只需要把它的属性fit 设置为true就能实现自动适应窗体。如果在datagrid上方还有其他div的话,datagrid就不能很好的自动适应窗体。如查datagrid有分页控件,分页控件就看不到了。这个时候就应该用 easyui-layout来分隔窗体来使具体的内容放在easyui-layout不同的部分。这样就能很好
EasyUI Jquery 学习笔记 —— Layout布局)详细版
最新发布
cccloveforever的博客
04-08 970
jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。
有关easyui-layout中的收缩层无法显示标题的解决办法
09-02
本文由脚本之家小编给大家介绍有关easyui-layout中的收缩层无法显示标题的原因分析及解决办法,感兴趣的朋友可以参考下
easyui 修改单元格内容_EasyUI修改DataGrid的单元格显示内容
weixin_39790760的博客
12-19 254
自定义的单元格数据显示,以实现如下效果为例 使用列属性的formatter属性即可修改,示例如下$("#roleList").datagrid({url:"${pageContext.request.contextPath}/role/list",columns:[[{field:"id",checkbox:true},{field:"name",title:"岗位名称"...
动态改变easyui datagrid 列的title
萧枫的专栏
05-19 9722
1.通过截图知道,要修改title是span标签中的文字,所以我要想办法拿到span标签对象。 2.span标签不能直接取到,应为没有任何属性可以唯一标识这个标签。查看这个标签的父节点,父节点div中的class属性中包含这个列的field字段,可以通过这个取到这个div。要求是这个列的field字段不能是其他节点的class属性。我们可以通过JQuery的模糊选择器取到该节点 $('div
easyui_datagrid根据具体修改列名title及列属性field
热门推荐
u011814926的专栏
10-18 2万+
前几天修改一个需求,刚好用到。顺便记录下来。 需求大概是这样(以下是举例子跟需求相近,并不是真的):假设A=1,该列列名为“学生”,对应数据库字段为“student”;若A=2,该列列名为“老师”,对应数据库字段为“teacher”。 要实现这种最简单的方法就是,直接定义两个datagrid的columns,根据A来替换,但是总觉得太粗暴了,到时候会被审查代码的人嫌弃,哈哈。于是便开始找资料
EasyUI之DataGrid 修改
weixin_58670730的博客
09-15 556
前言:在上一篇文章中使用EasyUI完成了点击左侧菜单显示对应的选项卡页面效果,选项卡数据从数据库获取。但是仅仅只能查看数据,没有其他操作。 这篇文章基于EasyUI之DataGrid 查询应用进行优。 1添加操作列 /*表头*/ columns: [[ { field: 'bid', title: '代码', width: 300 }, { field: 'bname', title: '名称', width: 300 }, { field: 'price', tit
使用easyUI 动态改变datagrid的columns
java开发指南博客 【转载】
08-10 542
@author YHC DataGrid 列可以使用'columns' 属性简单的定义,如果你想动态的改变columns,那根本没有问题,改变columns ,你可以重新调用datagrid 方法和传递一个新的columns 属性,就o了. 创建DataGrid &lt;table id="tt" title="Frozen Columns" class="easyui-d...
easyui 动态修改窗口title
枫飘瞬间
09-15 1万+
使用easyui作为前台框架极大的节省了项目资源,easyui官网文档中基本上囊括了所有的方法,但一些灵活性的方法文档中是找不到的,比如说动态替换窗口的属性,下边简单介绍些如何快速替换窗体的title属性。 1、直接替换panel属性 例如:$('#dr_auth').panel({title: "新title"}); 所有的窗体都继承了panel中的方法,所以可以直接用。 2、通过具
datagrid之修改
m0_60402568的博客
09-15 351
目标: 1、dialog(对话框窗口)控件的使用 2、form控件的使用 一.增加操作列 {field:'操作',title:'操作',width:100,align:'right',formatter: function(value,row,index){ return '<a href="javascript:void(0);" onclick="edit();">修改</a>' }} 二.选中datagrid数据表格中的一列 var row=
jQuery EasyUI使用教程之动态改变数据网格列
需要界面开发、IDE工具研发中文教程资料的小伙伴,记得私信我~
01-05 1197
jQuery EasyUI最新试用版免费下载> 使用'columns'属性可以很容易地定义数据网格列。如果您想要动态地改变列,这也非常容易。为了更改列,您可以重新调用datagrid方法并传递一个新的column属性。 创建数据网格 1 2 table id="tt" title="Frozen Columns"
easyui datagrid动态列行编辑初始化以及编辑修改
cmws2222的博客
03-24 661
js创建表格头部 var columns = []; //获取column列属性 $.ajax({ url:workUrl+'/getColumnHeader', data:{data:JSON.stringify({paramId:paramId})}, async:false, type:'post', dataType:'json', success:functi...
easyui datagrid 动态拼接columns以及赋
weixin_34160277的博客
09-11 1660
需求背景如下: 后台java代码动态拼接datagrid的columns,然后赋,实现过程如下: 后台java代码拼接过程,只是举个例子,可以根据具体业务拼接: java代码:           Map<String, Object> map = new HashMap<String,Object>();     StringBuffer cols = ne...
EasyUI 动态改变数据窗口列 Dynamic Change DataGrid Coiumns
飘 渺
06-17 977
数据表格列可以通过’columns’属性轻松定义。如果要动态改变列也没有问题。 要改变列,可以再次调用数据表格方法并传递一个新的columns属性。下面我们定义了一个数据表格组件:$(#tt).datagrid({ title:Change Columns, iconCls:icon-save, width:550, height:250,
easyui datagrid 动态改变title
chun521的专栏
05-06 759
    $('div .panel-title').html('datagrid的title');    
动态修改easyui组件tab的title属性
xiaocai9999的专栏
07-05 1万+
最近一个应用场景,根据不同的业务类别显示不同的table页面,那么此时tab标题怎么转换处理呢? 思路1:     其实我们tab组件依赖于panel,所以我们可以通过tab获取我们需要修改panel,通过panel修改它的标题。    如:$('#testTab').panel('setTitle','改变标题'); 思路二:    我们也可以通过tab的API,update方法修
easyuieasyui动态设置accordion的title
coolcoffee168的专栏
06-12 611
easyui动态设置accordion的title,看下面的解决方法: 由于accordion是继承panel的,所以首先获取panel对象,然后通过panel的方法设置title $('#userWorkStatus').accordion('getPanel',0).panel('setTitle','xxxxxxxxxxx') ...
easyui-layout 滚动条
10-21
如果你想要easyui-layout中的某个区域出现滚动条,可以在该区域的data-options中添加属性:scrollable:true。这样,当该区域内容超出容器高度时,就会出现滚动条。另外,easyui-layout还支持自定义滚动条样式,可以...

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
写文章

热门文章

  • easyui combobox 下拉框默认显示 46726
  • -bash: ll: 未找到命令 21850
  • 单引号双引号等特殊字符插入mysql数据库失败 8676
  • easyui-layout布局,动态给某区域面板修改title值 7591
  • cygwin下nginx的web多站点配置及php解析配置 1782

分类专栏

  • react
  • easyui 2篇
  • jquery 1篇
  • php 2篇
  • 前端其他 1篇
  • mysql 1篇
  • linux 3篇
  • cygwin 1篇

最新评论

  • easyui combobox 下拉框默认显示

    翟文彪: 学习了

  • easyui-layout布局,动态给某区域面板修改title值

    themeth: panel带的方法

  • easyui-layout布局,动态给某区域面板修改title值

    LINSIPO: setTitle是博主自己写的函数吗

  • easyui combobox 下拉框默认显示

    hyf_325324 回复 themeth: 好,我试一下

  • easyui combobox 下拉框默认显示

    themeth 回复 hyf_325324: 删掉async:true; 让ajax获取数据在表格渲染之前

最新文章

  • tic-tac-toe(三连棋)游戏改进
  • cygwin下nginx的web多站点配置及php解析配置
  • -bash: ll: 未找到命令
2021年1篇
2018年8篇

目录

目录

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

哆哆女性网又是一年春好处女囚残酷私刑起名称食品公司2019男宝宝起名起名设计孩子起名的五行属性金鹰网站王老吉事件男孩瑞字的起名字猎食无限武汉体育学院地址开砖厂起个什么名字好起名软件免费阅读远大前程电视剧全集起名哪里好汉阳区教育局瑞字男孩起姓名大全姚姓男孩起名名字大全家庭清洁用品起名大全宝宝起名网免费取名网站大全重回九零怀愫中国著名起名大师谢咏永远的伊苏2下载男孩给孩子起名字盗贼起个名字鼠年起什么名字好啊完美世界地图手机优化软件宝宝100分起名字啊于永顺起名打分淀粉肠小王子日销售额涨超10倍罗斯否认插足凯特王妃婚姻不负春光新的一天从800个哈欠开始有个姐真把千机伞做出来了国产伟哥去年销售近13亿充个话费竟沦为间接洗钱工具重庆警方辟谣“男子杀人焚尸”男子给前妻转账 现任妻子起诉要回春分繁花正当时呼北高速交通事故已致14人死亡杨洋拄拐现身医院月嫂回应掌掴婴儿是在赶虫子男孩疑遭霸凌 家长讨说法被踢出群因自嘲式简历走红的教授更新简介网友建议重庆地铁不准乘客携带菜筐清明节放假3天调休1天郑州一火锅店爆改成麻辣烫店19岁小伙救下5人后溺亡 多方发声两大学生合买彩票中奖一人不认账张家界的山上“长”满了韩国人?单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#青海通报栏杆断裂小学生跌落住进ICU代拍被何赛飞拿着魔杖追着打315晚会后胖东来又人满为患了当地回应沈阳致3死车祸车主疑毒驾武汉大学樱花即将进入盛花期张立群任西安交通大学校长为江西彩礼“减负”的“试婚人”网友洛杉矶偶遇贾玲倪萍分享减重40斤方法男孩8年未见母亲被告知被遗忘小米汽车超级工厂正式揭幕周杰伦一审败诉网易特朗普谈“凯特王妃P图照”考生莫言也上北大硕士复试名单了妈妈回应孩子在校撞护栏坠楼恒大被罚41.75亿到底怎么缴男子持台球杆殴打2名女店员被抓校方回应护栏损坏小学生课间坠楼外国人感慨凌晨的中国很安全火箭最近9战8胜1负王树国3次鞠躬告别西交大师生房客欠租失踪 房东直发愁萧美琴窜访捷克 外交部回应山西省委原副书记商黎光被逮捕阿根廷将发行1万与2万面值的纸币英国王室又一合照被质疑P图男子被猫抓伤后确诊“猫抓病”

哆哆女性网 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化