在easyui-tabs中的href或 content的多种条件下的不同页面内容和页面地址的赋值?
$('#tt').tabs('add', {.....});中 的 加载内容, 可以用content, 或用 href都是可以的. 虽然它们加载 的方式不一样, 但是 只要是加载进去后, 加载成功后, 在页面中的html代码都是一样的! 地位都是一样的, 都是 页面中的html代码
content 可以直接写 html字符串, 也可以写 iframe src="foo.html" 都是一样的
如果是 href 就要写要加载的 页面地址, 但是:
- 这个页面地址, 必须是用: "{:U('fooOperate')}", 必须是操作地址, 否则会报错!
- 如果地址不是固定的, 可能分多种情况而不同, 那么href就不能写死了, 就要用一个 变量来 表示!
- 然后 分情况 用 if...else 或 switch ..case来确定 那个 href的变量!
- 但是 , 不能 在 tabs 的 add 方法中 , 再来使用 if...else等. 因为 这个是 js, 不是 html, 不是任意输出任意写的. 即 : 不能这样写: tabs('add', {...href: if(...){else....})这样就是 错误的.
<script>
$(function(){
var tt=$('#tt');
$('ul#pjck>li a').click(function(){
var tit=this.innerHTML;
if(tt.tabs('exists', tit)){
tt.tabs('select', tit);
}else{
var hf='';
if(tit=='按ff查看'){ hf= "{:U('ckt')}";}
if(tit=='按fff查看'){ hf= "{:U('ckc')}";}
if(tit=='按ggg查看'){ hf= "{:U('ckd)}";}
if(tit=='按ffgf查看'){ hf= "{:U('cks')}";}
tt.tabs('add',{
title:tit,
href: hf,
closable:true,
cache: true,
});
}
});
});
</script>
========================
关于 ajax的 目标页面返回的 内容: 不管是什么页面, 即使是 php页面, 最后返回的 数据, 必须是 "输出 " 含义的: 必须是 echo的, 不能是 return的! 如果 把返回给 ajax 的内容 写成 return, 那么实际上 客户端是得不到 返回数据的, 必须是 echo的 !! 否则是很难调试这个错误的!
=============================================
关于js中的很长很多内容的字符串的动态拼接写法
js的字符串如果需要换行, 必须使用 反斜杠 \ 来连接, 否则会报错: unterminated string literal . 输出时, 所有反斜杠 前后的内容都被认为是字符串本身包含的内容. 如果alert会照原样输出
但是js支持 += 后面的字符串再带 加号. 而且, 如果是用 加号, 则可以任意地写 字符串. 而且中间的空格不会包含在结果字符串中.
为了逻辑清晰, 可能需要将一行中的数据, 写成多行拼接.
字符串动态拼接, 在ajax回调函数中, 几乎是必须的.
- 要习惯于 函数的另一种定义写法: 用变量的方式: var getsomething = function(a,b){..}
- js的对象: 关于js的对象, 参考:
http://www.cnblogs.com/lidabo/archive/2011/12/17/2291238.html
有两种表示方法: 一种是 直接用大括号的方式(简单粗暴) 比如: var one_Person={name: 'jack', age: 20} 但是要注意了: 这个时候, 就表示one_Person 已经是一个实实在在的\ 具体的对象了, 不只是 一个 类了. 因此 就不需要 再去 初始化了, 所以, 你可以 直接引用它的成员了. 比如: alert(one_Person.name). {} 中可以为空, 也可以非空
一种是用 函数的方式(即用类似 class 的方式) , 只是 关键字用的是 function, 不是 class. 比如:
function Person(iname, iage){
var _this=this; // 统一的用 _this来预先保存this.
var name='foo'; // 默认的私有成员的值
var age=10;
_this.name='foo';
_this.age=10;
var init = function(){
name=iname;
age=iage;
_this.name=iname;
_this.age=iage;
}
init(); // 模拟的构造函数
}
此时, 成员变量如果是私有的成员/私有方法/私有"构造函数" 都需要在前面加 var. (此时私有的就不能在 类的外部访问了), 如果要在 类的外部访问, 需要使用 this:: 可以在 "函数类" 中使用关键字 this.
要注意的是: 此时 我们定义的仅仅只是 一个类, 还没有 任何对象, 因此, 还不能直接使用 Preson类的name/age属性! 所以 必须 先 对 Person类 进行 初始化 ! 得到一个 实实在在的 对象后, 再 引用访问这个对象的属性即: alert(Person.name) 是没有结果的. (但是不能算错!) 而要用 var ap=new Person('jack', 15) 来生成一个实实在在的对象后, 再去访问它的属性成员: alert(ap.name) 就可以了
那种直接 用类的名称 来访问的属性, 跟传统的 OOP语言是类似的, 表示的是 访问类的 静态成员 和 静态方法, 定义的方式是: 在 定义 类后, 在紧接着类的后面, 在类的外面, 用: Person. staticStockProperty = 10000; Person.staticMethod= function(){...}
关于js的类的 属性/方法的访问, 可以使用 点语法, 也可以使用 中括号语法, 但是 点语法就只能是 "字面字符串属性名" 不能在进行计算变化了. 而中括号中可以包括 变量或数字, 当然用 字符串相加的加号, 即: 可以是 一个表达式, 表达式计算的结果作为属性名称.
js字符串拼接中的函数参数, 其类型如果是字符串, 但是 你 使用的是变量, 那么 要在 变量的 外面 额外地 加上 引号
var 定义字符串 定义的时候, 不能使用 +=
可以正常运行的代码并不表示 就是 : 合适的代码: 比如 : var num=1 和 num=1
两者并不相同: var num=1 是 变量声明(可能是全局变量, 也可能是 函数/对象中的局部变量) , 因此 它自带 "不可删除"的属性, 不能使用 delete num来删除它. 而 num=1 是 变量赋值: (首先会 在 当前作用域链)中寻找 该属性, 如果没有, 则 创建默认的 全局对象(即 浏览器的window对象) 的 属性. 因为是对象的属性, 所以, 可以用 delete来删除它. 这就是 : var num=1 和 num=1
变量声明 和 创建对象属性的区别.
===============
tp的find和select?
find: 当查询的结果只能是一条数据时, 建议使用find. 因为find会自动 在查询的后面加上 limit 1
find: 获得的结果是: 一维数组, 所以 可以直接 输出 这个数组的元素, 而不需要用volist等循环. 但是select 总是 输出的是 二维数组. 即使只有一条数据纪录, 也要这样: $resut[0]['name']等的样式来提取.
在easyui-tabs中的href或 content的多种条件下的不同页面内容和页面地址的赋值?的更多相关文章
- 解决easyui tabs中href无法跨域跳转
<!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content ...
- jquery.easyui.tabs 中的首个tabs被最后tabs覆盖的问题解决方法
这是由于tabs对href重载的的问题导致,因此我们需要将href更改为其它自定义的属性即可避免此问题的发生. 解决方法如下: 第一步页面端: 循环体开始 <li> <div> ...
- onhashchange事件,只需要修改hash值即可响应onhashchange事件中的函数(适用于上一题下一题和跳转页面等功能)
使用实例: 使用onhashchange事件做一个简单的上一页下一页功能,并且当刷新页面时停留在当前页 html: <!DOCTYPE html><html><body& ...
- 浅谈 easyui tabs 的href和content属性
众所周知,jQuery Easyui 的tabs插件有两种方式加载某个tab(标签页)上的内容:“href远程请求”和“content本地内容”,本文就两种方式的优缺点进行简单分析和思考. 两者特点: ...
- jquery easyui 中tab页添加其他页面,href与content的用法与区别
//tab页增加 function addPanel(name,url){ var dd = $('#tt').tabs('exists',name); if(dd){ $('#tt').tabs(' ...
- 【EasyUI】Tabs常用操作及href和content的异同
说明:EasyUI版本1.3.4 ,jQuery版本1.8.3 EasyUI Tabs常见使用方式 按照官方文档的说法,创建Tabs的方式有两种: 静态页面标签 动态JS代码 静态方式主要用于创建一些 ...
- easyui 在子tabs中打开新tabs(关于easyUI在子页面增加显示tabs的一个问题)
现在说的是在子页面点个按钮也能触发增加子页面的情况. 情景是,在父页面上有个div如: <div class="easyui-tabs" id="main" ...
- 布局-EasyUI Panel 面板、EasyUI Tabs 标签页/选项卡、EasyUI Accordion 折叠面板、EasyUI Layout 布局
EasyUI Panel 面板 通过 $.fn.panel.defaults 重写默认的 defaults. 面板(panel)当做其他内容的容器使用.它是创建其他组件(比如:Layout 布局.Ta ...
- EasyUI Tabs + Yii2.0实现iframe方式打开页面(解决共用静态文件引入加载的问题)
在项目实际开发中,有将打开的各个链接页面隔离的需求(防止静态资源起冲突),这个时候常规思路就是使用iframe来实现!但遇到一个比较棘手的问题,当用easyui Tabs打开一个iframe页面时,怎 ...
随机推荐
- maven引入oracle驱动
下载驱动: https://www.oracle.com/technetwork/database/enterprise-edition/jdbc-112010-090769.html 例如我这边是1 ...
- Android Ant Build 遇到的问题
Ant的具体使用这里就不详细说明了,这里记录下自己使用Ant批量打包apk的时候遇到的问题. 1. build 出现 crunch等字样的错误 <span style="color: ...
- h5 js复制 功能
感谢 http://www.jq22.com/webqd6003 var copy1 = document.getElementById('copy1'); var copy2 = document. ...
- Windos7 安装 thumbor 遇到的python版本问题
(py36) C:\Users\Administrator>thumbor --port= Traceback (most recent call last): File , in _run_m ...
- elastic-job-lite-console后台以服务形式运行
原文:https://blog.csdn.net/u012637358/article/details/84846923 方式1:命令让程序一直在后台运行 nohup ./bin/start.sh & ...
- 上传自己的构件(Jar)到Maven中央仓库
背景: 用了Maven之后,你有没有这样的想法,自己一直在使用别人贡献的代码,自己能不能把自己觉得好的代码也贡献出来让大家方便. 还有如果你也是一名程序员,你会不会觉得要是把自己积累起来日常常用的代码 ...
- Word 页码设置教程:如何删除封面和目录的目录?
我们常写的报告大都由封面.目录.正文和附录组成,但是页码通常是从正文开始的,所以下面介绍如何从指定页面开始设置页码. 在介绍之前需要了解一下分隔符的作用.分隔符大体分成分页符和分节符. 分页符细分的几 ...
- Shell脚本监控Linux某个后台进程,当进程死掉后重新启动服务,以httpd为例
Shell脚本如下: vim monitor.sh #!/bin/bash while true # 无限循环 flag=`ps -aux |grep "httpd" |grep ...
- Bean property ‘mapperHelper’ is not writable or has an invalid setter method. Does the parameter type of the setter match the return type of the getter?
spring boot 报错: Caused by: org.springframework.beans.NotWritablePropertyException: Invalid property ...
- Beta冲刺(3/7)——2019.5.24
所属课程 软件工程1916|W(福州大学) 作业要求 Beta冲刺(3/7)--2019.5.24 团队名称 待就业六人组 1.团队信息 团队名称:待就业六人组 团队描述:同舟共济扬帆起,乘风破浪万里 ...