问题描述
给位大侠！如何实现在mcveasyui中行双击不弹对话框窗，而是以一个选项卡的形式打开一个页面进行编辑，求大侠帮忙解决！谢谢！
解决方案
解决方案二：
弹不弹还不是你的代码说了算
解决方案三：
我问的是不弹窗，点击操作按钮是以一个选项卡的形式打开，具体实现代码？
解决方案四：
window.open(url)
解决方案五：
你easyui引用了么
解决方案六：
引用4楼u010811342的回复:
你easyui引用了么
引用了
解决方案七：
<divid="tt"class="easyui-tabs"data-options="fit:true"></div>var$tt=$("#tt")$tt.tabs("add",{title:'...',content:...,});
解决方案八：
easyui-tabs是选项卡还有很多的www.jeasyui.com
解决方案九：
引用6楼u010811342的回复:
<divid="tt"class="easyui-tabs"data-options="fit:true"></div>var$tt=$("#tt")$tt.tabs("add",{title:'...',content:...,});
我是想问，通过点击按钮打开这样的页面不是弹窗，而是像浏览器一样显示tab
解决方案十：
我要的效果是这样的，这是我的UI
解决方案十一：
点击这个按钮，打开的效果就像点击菜单一样
解决方案十二：
window.open("url")直接用a标签加个target="_blank"也行不太明白你的意思、是点击客户关系是在tabs中加一个选项卡还是在浏览器里加选项卡啊？
解决方案十三：
引用11楼u010811342的回复:
window.open("url")直接用a标签加个target="_blank"也行不太明白你的意思、是点击客户关系是在tabs中加一个选项卡还是在浏览器里加选项卡啊？
在浏览器里加选项卡
解决方案十四：
js能做的就是window.open弹窗还是选项卡打开还真不是js能决定的，是人家浏览器说了算了，你去IE选项，新窗口打开方式那里可以选择
解决方案十五：
functionaddTab(subtitle,url,closable){if(!$('#tabs').tabs('exists',subtitle)){varcl=true;if(closable=='false')cl=false;$('#tabs').tabs('add',{title:subtitle,content:createFrame(url),closable:cl});}else{$('#tabs').tabs('select',subtitle);}}调用：addTab(‘tab测试’','@Url.Action("Index","Text")',"false");
其他方案：
IFramefunctionaddTab(title,url){if($('#tt').tabs('exists',title)){$('#tt').tabs('select',title);}else{//varcontent='<iframescrolling="auto"frameborder="0"src="'+url+'"style="width:100%;height:99.9%;height:99.8%/9;*height:99.9%;height:99.5%!important"></iframe>';varcontent='<iframescrolling="auto"frameborder="0"src="'+url+'"style="width:100%;height:99.5%"></iframe>';$('#tt').tabs('add',{title:title,content:content,closable:true});}}第二种方式:DIV//functionaddTab(node){//if($('#tt').tabs('exists',node.text)){//$('#tt').tabs('select',node.text);//}else{//$('#tt').tabs('add',{//iconCls:node.iconCls,//title:node.text,//href:node.url,//closable:true,//extractor:function(data){//data=$.fn.panel.defaults.extractor(data);//vartmp=$('<div></div>').html(data);//data=tmp.find('#content').html();//tmp.remove();//returndata;//}//});//}//}
解决方案：楼主的描述和楼层中说的自相矛盾。你要的效果是，双击datagrid中某行，在父级tabs中添加一个tab显示编辑页面。而你楼层中却又说“在浏览器打开一个标签页”。矛盾了吧。解决你的问题：看你的截图，layout的center位置的tabs内部应该是嵌套iframe的，所以你的datagrid双击事件中应该是这样varcontent='<iframescrolling="auto"frameborder="0"src="'+url+'"style="width:100%;height:99.5%"></iframe>';top.$("#mainTabs").tabs("add",{title:title,content:content,closable:true});直接抄15楼的了，关键是你要找到tabs。
解决方案：好的，非常感谢大家的解答，我先试试看！
解决方案：Quote: 引用14楼chinafmshbwang的回复:
@modelSystem.Collections.Generic.List<string>@{ViewBag.Title="客户管理";string_ControllerName="Customer";}<divid="system-iframe-north"data-options="region:'north'"style="overflow-y:hidden;padding:5px0px0px5px;border-width:0px;"><divclass="input-prependinline"><spanclass="add-on">客户编号</span><inputid="ClientInfoID"type="text"maxlength="50"class="span2"placeholder="客户编号"/></div><divclass="input-prependinline"><spanclass="add-on">客户名称</span><inputid="CName"type="text"maxlength="50"class="span2"placeholder="客户名称"/></div><divclass="input-prependinline"><spanclass="add-on">开发人</span><inputid="Developers"type="text"maxlength="50"class="span2"placeholder="开发人"/></div><divclass="input-prependinline"><spanclass="add-on">商务专员</span><inputid="TradeCommissioner"type="text"maxlength="50"class="span2"placeholder="商务专员"/></div><divclass="input-prependinline"><spanclass="add-on">是否有效</span>@Html.DropDownList("IsValid",MyHtmlHelper.GetAreList(true),new{id="IsValid"})</div><divclass="input-appendinline"><aid="btnQuery"class="btnbtn-small"href="javascript:;"style="text-decoration:none;"><iclass="b-icon-search"></i>查询<b></b></a></div></div><divid="system-iframe-center"data-options="region:'center'"style="overflow-y:hidden;border-width:0px;"><divid="datagrid"></div><divid="toolbar"class="z-toolbar"style="background:#f4f4f4;">@if(Model.Contains("新增")){<aid="btnAdd"href="javascript:;"class="easyui-linkbutton"title="新增"data-options="iconCls:'icon-add',plain:'true'">新增</a>}@if(Model.Contains("删除")){<aid="btnDelete"href="javascript:;"class="easyui-linkbutton"title="删除"data-options="iconCls:'icon-remove',plain:'true'">删除</a>}@if(Model.Contains("编辑")){<aid="btnEdit"href="javascript:;"class="easyui-linkbutton"title="编辑"data-options="iconCls:'icon-edit',plain:'true'">编辑</a>}@if(Model.Contains("浏览")){<aid="btnBrowse"href="javascript:;"class="easyui-linkbutton"title="浏览"data-options="iconCls:'icon-tip',plain:'true'">浏览</a>}@if(Model.Contains("客户关系")){<aid="btnRelations"href="javascript:;"class="easyui-linkbutton"title="客户关系"data-options="iconCls:'icon-check',plain:'true'">客户关系</a>}<aid="btnRefresh"href="javascript:;"class="easyui-linkbutton"title="刷新"data-options="iconCls:'icon-reload',plain:'true'">刷新</a></div></div><divid="datagrid-menu"class="easyui-menu"><divid="datagrid-add"data-options="iconCls:'icon-add'"title="新增">新增</div><divid="datagrid-delete"data-options="iconCls:'icon-remove'"title="删除">删除</div><divid="datagrid-edit"data-options="iconCls:'icon-edit'"title="编辑">编辑</div><divclass="menu-sep"></div><divid="datagrid-reload"data-options="iconCls:'icon-reload'"title="刷新">刷新</div></div>@Html.Partial("_BrowseClientInfo")@Html.Partial("_AddEdit")@sectionJS{<scripttype="text/javascript">$(document).ready(function(){varrowData,$dg=$('#datagrid');//datagrid首次加载数据$dg.datagrid({loadMsg:'数据加载中，请稍后……',method:'post',url:'@Url.Action("Search",_ControllerName)',sortName:'ClientInfoID',sortOrder:'desc',pageList:[5,10,20,30,50],pageSize:20,toolbar:'#toolbar',columns:[[{field:'ck',checkbox:true,width:20,align:'center'},{field:'ClientInfoID',title:'客户编号',width:120,align:'center',sortable:true},{field:'CName',title:'客户名称',width:100,align:'center',sortable:true},{field:'Developers',title:'开发人',width:120,align:'center',sortable:true},{field:'TradeCommissioner',title:'商务专员',width:100,align:'center',sortable:true},{field:'IsValid',title:'是否有效',width:80,align:'center',sortable:true,formatter:function(value){returnCommon.formatBoolean(value);}}]],fit:true,pagination:true,rownumbers:true,singleSelect:false,onRowContextMenu:onRowContextMenu});//添加右击菜单内容functiononRowContextMenu(e,rowIndex,row){e.preventDefault();rowData=row;$('#datagrid-menu').menu('show',{left:e.pageX,top:e.pageY});}//查询数据$('#btnQuery').on('click',function(){varparm={ClientInfoID:$('#ClientInfoID').val(),CName:$('#CName').val(),Developers:$('#Developers').val(),TradeCommissioner:$('#TradeCommissioner').val(),IsValid:$('#IsValid').val()};$dg.datagrid('load',parm);$dg.datagrid('clearSelections');returnfalse;});//刷新$('#btnRefresh').on('click',function(){$dg.datagrid('reload');});//多选删除$("#btnDelete").on("click",function(){varselecteds=$dg.datagrid('getSelections');if(Common.isEmptyObject(selecteds)){$.messager.alert('提示','至少选择一条数据删除！','warning');}else{$.messager.confirm('确认','是否删除选中的数据？',function(r){varbuffer=newStringBuffer();for(vari=0;i<selecteds.length;i++){buffer.append(selecteds[i].ID);}varidList=buffer.toString(",");$.post('@Url.Action("Delete",_ControllerName)',{idList:idList},function(data){if(data.success){$.messager.alert('提示',data.message,'info');$dg.datagrid('load');$dg.datagrid('clearSelections');}else{$.messager.alert('错误',data.message,'error');}});});}});//编辑$("#btnEdit").on("click",function(){varselecteds=$dg.datagrid('getSelections');if(Common.isEmptyObject(selecteds)){$.messager.alert("友情提示","请选中一条数据编辑","error");}elseif(selecteds.length>1){$.messager.alert("友情提示","每次只能编辑一条数据，你已经选择了<fontcolor='red'size='6'>"+selecteds.length+"</font>条","error");}else{Edit(selecteds[0].ID,"1");}});}我的主界面是这样写的，请问如何添加这个tab
解决方案：//浏览$("#btnBrowse").on("click",function(){varselecteds=$dg.datagrid('getSelections');if(Common.isEmptyObject(selecteds)){$.messager.alert('友情提示','请选中一条数据浏览！','error');}elseif(selecteds.length>1){$.messager.alert("友情提示","每次只能浏览一条数据，你已经选择了<fontcolor='red'size='6'>"+selecteds.length+"</font>条","error");}else{Edit(selecteds[0].ID,"2");}});//客户关系$("#btnRelations").on("click",function(){varselecteds=$dg.datagrid('getSelections');if(Common.isEmptyObject(selecteds)){$.messager.alert('友情提示','请选中一条数据！','error');}elseif(selecteds.length>1){$.messager.alert("友情提示","每次只能选择一条数据，你已经选择了<fontcolor='red'size='6'>"+selecteds.length+"</font>条","error");}else{Edit(selecteds[0].ID,"3");}});//添加$('#datagrid-add,#btnAdd').on('click',function(){$('#frmAddEdit')[0].reset();$('#_ID').val('0');$('#AddEdit').window({iconCls:'icon-add',title:'添加客户'}).window('open');});//单个删除$('#datagrid-delete').on('click',function(){$.messager.confirm('确认','是否删除此条数据？',function(r){if(r){$.post('@Url.Action("Delete",_ControllerName)',{idList:rowData["RoleID"]},function(data){if(data.success){$.messager.alert('提示',data.message,'info');$dg.datagrid('reload');$dg.datagrid('clearSelections');}else{$.messager.alert('错误',data.message,'error');}});}});});//编辑$('#datagrid-edit').on('click',function(){Edit(rowData["ID"]);});//刷新$('#datagrid-reload').on('click',function(){$dg.datagrid('reload');});//重置表单$('#btnSearchRest').on('click',function(){$('#frmSearch')[0].reset();});//编辑模块functionEdit(id,status){$.ajaxSetup({async:false});//关闭异步$.get('@Url.Action("Edit",_ControllerName)/'+id,function(data){$('#frmAddEdit').form('load',data);});if(status=="1"){//打开表单$('#AddEdit').window({iconCls:'icon-edit',title:'编辑客户信息'}).window('open');}//重置表单$('#btnRest').on('click',function(){$('#frmAddEdit')[0].reset();});//关系取消表单$('#btnClose').on('click',function(){$('#frmAuditBrowse')[0].close();});$('#btnOK').on('click',function(){varaction=$('#_ID').val()=='0'?'Add':'Edit';if($('#frmAddEdit').form('validate')){$.ajax({type:'post',data:$('#frmAddEdit').serialize(),url:'/@_ControllerName/'+action,success:function(data){if(data.success){$.messager.alert('提示',data.message,'info',function(){$('#AddEdit').window('close');});$dg.datagrid('reload');$dg.datagrid('clearSelections');}else{$.messager.alert('错误',data.message,'error');}},error:function(){$.messager.alert('提示','数据提交失败','info');}});}});});</script>解决方案：
时间： 2024-11-05 04:50:08