tab页问题

小堇 2013-04-17 02:30:24
在页面上用li和jqgrid的设置了几个tab页，其中tab页中有自定义查询按钮，在第一遍点击各个tab页上的自定义查询按钮时，都可以使用，但是再次点击之前的页面时，自定义按钮就不生效了，就会在$（“#searchFrom3”）.dialog("open")这里报出，说是open找不到
...全文
285 18 打赏 收藏 转发到动态 举报
写回复
用AI写文章
18 条回复
切换为时间正序
请发表友善的回复…
发表回复
斯洛文尼亚旅游 2013-04-18
  • 打赏
  • 举报
 回复
/settledin/forward_listByParams$.action 这种贴个代码出来，删除jquery不会影响css加载啊
小堇 2013-04-18
  • 打赏
  • 举报
 回复
这样确实不报错了 可是效果达不到了
之前效果：

改后的效果：
小堇 2013-04-18
  • 打赏
  • 举报
 回复
引用 13 楼 showbo 的回复:
<li><a href="${ pageContext.request.contextPath }/movein/forward_listByParams$.action">4</a></li>
<li><a href="${ pageContext.request.contextPath }/settledin/forward_listByP……

这样确实不报错了 可是效果达不到了
之前效果：

改后的效果：
小堇 2013-04-18
  • 打赏
  • 举报
 回复
引用 13 楼 showbo 的回复:
<li><a href="${ pageContext.request.contextPath }/movein/forward_listByParams$.action">4</a></li>
<li><a href="${ pageContext.request.contextPath }/settledin/forward_listByP……

这样确实不报错了 可是效果达不到了
之前效果：

改后的效果：
斯洛文尼亚旅游 2013-04-18
  • 打赏
  • 举报
 回复
<li><a href="${ pageContext.request.contextPath }/movein/forward_listByParams$.action">4</a></li> <li><a href="${ pageContext.request.contextPath }/settledin/forward_listByParams$.action">3</a></li> <li><a href="${ pageContext.request.contextPath }/moveout/forward_listByParams$.action">2</a></li> <li><a href="${ pageContext.request.contextPath }/death/forward_listByParams$.action">11</a></li> href指向的地址中的jquery.js这个类库去掉，因为会导致重新加载jquery框架而覆盖了主页面上的jquery.ui扩展导致ui扩展找不到。。再次点击就会报错了
小堇 2013-04-18
  • 打赏
  • 举报
 回复
引用 11 楼 bbjbepzz 的回复:
var index=0; $("#tabs").tabs('remove',index); $("#tabs").tabs('add','index'); 上面这些干什么用的。 没有看到你创建dialog的代码啊
这段代码我给删了 没用上
「已注销」 2013-04-18
  • 打赏
  • 举报
 回复
var index=0; $("#tabs").tabs('remove',index); $("#tabs").tabs('add','index'); 上面这些干什么用的。 没有看到你创建dialog的代码啊
小堇 2013-04-18
  • 打赏
  • 举报
 回复
引用 17 楼 showbo 的回复:
/settledin/forward_listByParams$.action 这种贴个代码出来，删除jquery不会影响css加载啊
加载是不影响 但是之前是利用jqueryui来形成tab页的 这样就没有效果了 图片发布出来 看不到效果
小堇 2013-04-17
  • 打赏
  • 举报
 回复 
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/jquery-ui-1.9.2.custom.css"/>
<script src="${ pageContext.request.contextPath }/resources/js/jquery-1.8.2.js" type="text/javascript"></script>
<script src="${ pageContext.request.contextPath }/resources/js/jquery-ui-1.9.2.custom.min.js" type="text/javascript"></script>
<style type="text/css">
    body {
        font-family: Arial;
         font-size: 12px;
    }
    .ui-tabs-panel {
        padding: 0px 0px 0px 0px;
    }
</style>
<script type="text/javascript">
$(function() {
    var tabs = $("#tabs").tabs({
    	beforeLoad: function(event, ui) {
            ui.jqXHR.error(function() {
                ui.panel.html("不能加载...");
            });
        }
    });
    tabs.find( ".ui-tabs-nav" ).sortable({
        axis: "x",
        stop: function() {
            //tabs.tabs( "refresh" );
        }
    });
    var index=0;
    $("tabs").tabs('remove',index);
    $("tabs").tabs('add','index');
});
</script>
<title>主页</title>
</head>
<body>
    <div id="tabs" style="border: 0px; height: 15px;">
        <ul>
            <li><a href="${ pageContext.request.contextPath }/movein/forward_listByParams$.action">4</a></li>
            <li><a href="${ pageContext.request.contextPath }/settledin/forward_listByParams$.action">3</a></li>
            <li><a href="${ pageContext.request.contextPath }/moveout/forward_listByParams$.action">2</a></li>
            <li><a href="${ pageContext.request.contextPath }/death/forward_listByParams$.action">11</a></li>
        </ul>
    </div>
</body>
</html>
小堇 2013-04-17
  • 打赏
  • 举报
 回复
引用 7 楼 bbjbepzz 的回复:
引用 6 楼 liudabao123 的回复: 引用 5 楼 bbjbepzz 的回复:buttons:{ var ndata=("#_form").serializeArray(); data[data.length]={name:"page",value:'1'}; data[data.length]={name:"rows",value:'30'}; ……
已经贴出来了 有三个这样的页面
小堇 2013-04-17
  • 打赏
  • 举报
 回复 
function delRow(rowid, settledInId) {
    var flag = $("#grid3").delGridRow(rowid, {
    	delData:{'moveOutID' : settledInId},
        url:'${ pageContext.request.contextPath }/moveout/moveOutAction_operMoveOut.action'
    });
} 
function add() {
    $("#grid3").jqGrid('editGridRow','new', {top: $(window).height() / 2 - 265, left : $(window).width() / 2 - 155, height : 630, width: 310});
}
function update() {
	var selrows = $("#grid3").jqGrid("getGridParam", 'selrow');
	if(selrows != null) {
	   $("#grid3").jqGrid('editGridRow', selrows, {top: $(window).height() / 2 - 265, left : $(window).width() / 2 - 155, height : 620, width: 310});
	} else {
		alert("请选中一行");
	}
}
function del() {
	var srs = $("#grid3").jqGrid("getGridParam", 'selarrrow');//行id数组
	//var selrows = $("#grid3").jqGrid("getGridParam", 'selrow');
    if(srs != null && 0 != srs.length) {
    	var ids = new Array();
        for(i=0;i < srs.length; i++) {
            var settledInId = $("#grid3").jqGrid("getCell", srs[i], "moveOutID");
            ids[ids.length] = settledInId;
            //alert(settledInId);
        }
        $("#grid3").jqGrid('delGridRow', {}, {delData : {'ids' : ids.toString()}, top: $(window).height() / 2 - 60, left : $(window).width() / 2 - 120, height : 120});
    } else {
        alert("请至少选中一行");
    }
}
function search(){
	//$("#grid3").searchGrid();
	$( "#searchForm3" ).dialog( "open" );
}

$(function() {
        $('#grid3').jqGrid(
                        {
                            height : 700,
                            url : '${ pageContext.request.contextPath }/moveout/moveOutAction_listByParams.action',
                            datatype : 'json',
                            autoload : true,
                            mtype : 'post',
                            //forceFit : true,
                            jsonReader : {
                                repeatitems : false,
                                root : 'root',
                                page : 'page',//页码
                                total : 'pageCount',//总页数
                                records : 'total'//记录总数
                            },
                            colNames : [ '编号'/* , '操作' */, '身份证号码', '姓名', '性别', '出生日期',
                                    '户主姓名', '迁出地派出所', '迁出地村居单位名称', '迁出日期', '迁出前详细住址',
                                    '变动原因', '迁入何省', '迁入何县', '迁入何派出所或乡镇街道','迁入村居单位名称',
                                     '迁入地详细住址','婚姻状况','联系电话', '备注'],
                            colModel : cm,
                            gridview : true,
                            pager : 'nav3',
                            rowNum : 30,
                            rowList : [ 10, 20, 30, 40, 50, 60 ],
                            sortname : 'csrq',
                            sortorder : "desc",
                            viewrecords : true,
                            width : 1600,
                            //altRows: true,//不知作用
                            //pgbuttons : true,
                            //totaltime : 8,//不知道怎么用
                            pagerpos : 'center',
                            recordpos : 'left',
                            pgtext : '第{0}页 共{1}页',
                            rownumbers : true,
                            imgpath : '${ pageContext.request.contextPath }/resources/images',
                            caption : '迁出信息表',
                            multiselect : true,
                            prmNames : {page:'page', rows: 'rows', sort : 'orderCol', order : 'orderType'},
                            multiselectWidth : 30,
                            emptyrecords : '没有数据', 
                            ondblClickRow : function(rowid, irow,icol) {
                            	//$("#grid3").editRow(rowid, true/* , pickdates */);
                            }, 
                            /* celledit: true,
                            cellurl : '${ pageContext.request.contextPath }/settledin/settledInAction_operSettledIn.action', */
                            editurl:'${ pageContext.request.contextPath }/moveout/moveOutAction_operMoveOut.action',
                            gridComplete: function(){
                                /* var ids = $("#grid3").jqGrid('getDataIDs');
                                for(var i=0;i < ids.length;i++){
                                   var rowid = ids[i];
                                   var settledInId = $('#grid3').getRowData(rowid).settledInId;
                                    del = '<input style="height:22px;width:50px;" type="button" value="删除" onclick="delRow(' + rowid + ',' + settledInId + ');"  />'; 
                                    $("#grid3").jqGrid('setRowData',rowid,{act : del});
                                }  */  
                                $("#t_grid3").html("<input type='button' value=' 添   加 ' onclick='add();' /> " +
                                "<input type='button' value=' 修   改 ' onclick='update();' /> " + 
                                "<input type='button' value=' 删   除 ' onclick='del();' /> " +
                                "<input type='button' value=' 查   询 ' onclick='search();' /> ");
                            },
                            toolbar : [true, "top"]
                        });
        
        //隐藏某些列
        $('#grid3').hideCol('moveOutID');//也可以在某些列上直接使用hidden属性
        //定义按键  
        /* $('#grid3').jqGrid('navGrid','#nav3', { //刷新
            add : true,
            edit : true,
            search: true,
            del : true,
            view : true
        },{closeOnEscape:true},{closeOnEscape:true},{closeOnEscape:true},{closeOnEscape:true},{closeOnEscape:true}) */
        /* .inlineNav('#nav3',{//添加 保存 取消
            edit : false
        }).filterToolbar({}) */;//查询
    });
</script>
<title>公安育龄妇女迁出信息表--公安数据</title>
</head>
<body>
    <table id="grid3"></table>
    <div id="nav3" class="ui-state-default" ></div>
    <div id="searchForm3" title="查询育龄妇女迁出信息" style="display: none;">
        <form id="_form" >
            <table>
                <tr><td>身份号码</td><td><input id="idCard" name="idCard" /></td></tr>
               <%--  <tr><td>姓名</td><td><input id="name" name="name" /></td></tr>
                <tr><td>性别</td><td><select style="width : 50px;" id="gender" name="gender">
                                        <option value="" >全部</option>
                                        <option value="0" >女</option>
                                        <option value="1" >男</option>
                                        <option value="2" >未知</option>
                                    </select></td></tr>
                <tr><td>出生日期</td><td><input id="csrq" name="csrq" onblur="$(this).datepicker(opt);" /></td></tr>
                <tr><td>户主姓名</td><td><input id="hzxm" name="hzxm" /></td></tr>
                <tr><td>迁出地派出所</td><td><input id="pcsmc" name="pcsmc" /></td></tr>
                <tr><td>迁出地居委会名称</td><td><input id="jwhmc" name="jwhmc" /></td></tr>
                <tr><td>迁出日期</td><td><input id="moveoutDate" name="moveoutDate" onblur="$(this).datepicker(opt);" /></td></tr>
                <tr><td>迁出前详址</td><td><input id="qcdxz" name="qcdxz" /></td></tr>
                <tr><td>变动原因</td><td><input id="changedCause" name="changedCause" /></td></tr>
                <tr><td>迁入何省</td><td><input id="qrs" name="qrs" /></td></tr>
                <tr><td>迁入何县</td><td><input id="qrx" name="qrx" /></td></tr>
                <tr><td>迁入何派出所或乡镇街道</td><td><input id="qrpcsmc" name="qrpcsmc" /></td></tr>
                <tr><td>迁入村居单位详址</td><td><input id="qrjwhmc" name="qrjwhmc" /></td></tr>
                <tr><td>迁入地详址</td><td><input id="qwdxz" name="qwdxz" /></td></tr>
                <tr><td>婚姻状况</td><td><input id="marrayState" name="marryState" /></td></tr>
                <tr><td>联系电话</td><td><input id="phone" name="phone" /></td></tr>
                <tr><td>备注</td><td><input id="comment" name="comment" /></td></tr> --%>
            </table>
        </form>
    </div>
</body>
</html>
「已注销」 2013-04-17
  • 打赏
  • 举报
 回复
引用 6 楼 liudabao123 的回复:
引用 5 楼 bbjbepzz 的回复:buttons:{ var ndata=("#_form").serializeArray(); data[data.length]={name:"page",value:'1'}; data[data.length]={name:"rows",value:'30'}; $("#gir……
HTML也贴出来，JS你贴完整一点 var ndata=$("#_form").serializeArray(); data[data.length]={name:"page",value:'1'}; data[data.length]={name:"rows",value:'30'}; $（“#searchFrom3”） data哪里冒出来的，$又少了，还有中文的符号
小堇 2013-04-17
  • 打赏
  • 举报
 回复
引用 5 楼 bbjbepzz 的回复:
buttons:{ var ndata=("#_form").serializeArray(); data[data.length]={name:"page",value:'1'}; data[data.length]={name:"rows",value:'30'}; $("#gird3").jqGrid("setGri……
function search(){ $（“#searchFrom3”）.dialog("open"); } $(function(){ $("#searchFrom2").dialog({ autoOpen:false; modal:true; buttons:{ "查找":funtion() {var ndata=("#_form").serializeArray(); data[data.length]={name:"page",value:'1'}; data[data.length]={name:"rows",value:'30'}; $("#gird3").jqGrid("setGridParam",("postData":data)).trgger("reloadGrid"); } } }) } ) 漏打了一行
「已注销」 2013-04-17
  • 打赏
  • 举报
 回复
buttons:{ var ndata=("#_form").serializeArray(); data[data.length]={name:"page",value:'1'}; data[data.length]={name:"rows",value:'30'}; $("#gird3").jqGrid("setGridParam",("postData":data)).trgger("reloadGrid"); } 参数不是这种格式的，你应该创建的时候就失败了。
小堇 2013-04-17
  • 打赏
  • 举报
 回复
function search(){ $（“#searchFrom3”）.dialog("open"); } $(function(){ $("#searchFrom2").dialog({ autoOpen:false; modal:true; buttons:{ var ndata=("#_form").serializeArray(); data[data.length]={name:"page",value:'1'}; data[data.length]={name:"rows",value:'30'}; $("#gird3").jqGrid("setGridParam",("postData":data)).trgger("reloadGrid"); } }) } )
「已注销」 2013-04-17
  • 打赏
  • 举报
 回复
把代码贴出来
小堇 2013-04-17
  • 打赏
  • 举报
 回复
没人么
小堇 2013-04-17
  • 打赏
  • 举报
 回复
这个问题怎么修改，求大神们。。。
ViewPager+FragmentPagerAdapter实现Tab
代码为博客的实例代码：http://blog.csdn.net/lmj623565791/article/details/24740977 有问题博客中留言
Android ActionBar应用实战，高仿微信主界面的设计实例完整源码
此为示例代码，详细讲解请参考博文： http://blog.csdn.net/guolin_blog/article/details/26365683 如对资源内容有疑问，请到博客中留言。
window.open新开tab页问题
window.open(url, [name], [configuration]) url， 新开页面的url name，新开窗口的名字，可以通过此名字获取该窗口对象 configuration，新开窗口的配置项，如菜单栏、滚动条、长高等 需求1：需要每一次点击都需要新开tab页 方法1：window.open('http://www.baidu.com','_blank');主要是第二个参数的控制 需求2：每次点击时如果url不变，则需要跳到同一个tab页，防止tab页过多 方法2：windo
微信小程序 --- 无法跳转到tab页面问题
首先检查你的跳转方法，如果是wx.navigateTo(OBJECT)或者是wx.redirectTo(OBJECT)都是无法跳转的，在微信小程序中如果需要跳转到具有tab的页面必须使用wx.switchTab(OBJECT)方法（点击跳转到该方法文档说明处）如图：
BootStrap 多个tab页面 保存提交后停留在操作tab页或者指定tab页
jQ+ Bootstrap  动态控制tab页面切换最近在做一个功能,一个页面包含多个tab页签,每一个tab页面都有保存和提交按钮功能,现在是希望在某个tab页面点击保存或者提交按钮提交表单后,重新加载的页面停留在当前操作的tab页面或者某个指定tab页的功能现截取关键部分代码供参考jsp部分:&lt;ul class="nav nav-tabs" id="myTab"&gt; &lt;li...
JavaScript

87,992

社区成员

224,685

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章