FineUI 官方论坛

标题: JS小白终于可以在框架里为父页面添加选项卡并带刷新工具条 [打印本页]

作者: o0micky 时间: 2014-3-12 16:23
标题: JS小白终于可以在框架里为父页面添加选项卡并带刷新工具条
本帖最后由 o0micky 于 2014-3-12 16:28 编辑

  本人是一个JS小白。。SO神马看到 var t={}之类的就晕。。之前在系统的主页做了一个进度条，完了就想可以点击进度条打开就跳转到新的页面。。（1）之前用的是 Btn_Aid_UnCheck.OnClientClick = mainTabStrip.GetAddTabReference(...)可以打开但不能显示刷新按钮。。
（2）进度条是纯html控件做的在前面整神马onclik=mainTabStrip.GetAddTabReference(...)也不甚至给力。。
完了今天偶尔搜了下贴子有demo向父页面添加选项卡：http://fineui.com/demo/#/demo/other/addtab.aspx ，一看8错呀，研究了里面的代码。。发现可以在default.js上自己添加一个函数供调用以实现添加选项卡的基础上另加刷新工具条。。
具体也很简单：
1. 在Default.js的onready函数中添加子函数（仿造addExampleTab）
// 尝试公开添加标签页及刷新按钮的方法,addExampleTab_RefreshButton
window.addExampleTab_RefreshButton = function (id, url, text, icon, refreshWhenExist) {
            X.util.addMainTab(mainTabStrip, id, url, text, icon, createToolbar, refreshWhenExist);
};

2. 在自己的函数中调用之
function S_AddTab_Fresh(basePath, tab_Id, tab_Url, tab_Title) {
var iconTab_Path = 'images/filetype/vs_aspx.png';
parent.addExampleTab_RefreshButton.apply(null, [tab_Id, basePath + tab_Url, tab_Title, basePath + iconTab_Path, false]);
}

==给前台，<a~/") %>','xnode4','ToughStu_Idntify/COAD/Identify_Query_COAD.aspx','认定结果');">
                                                         认定结果</a>
因为本人是JS小白，想来各位大仙们早就实现啦早就不屑一顾这些个落后的方法啦。。不过希望对其他的小白有用哈！

作者: o0micky 时间: 2014-3-12 16:26

<a onclick="S_AddTab_Fresh('<%= ResolveUrl("~/") %>','xnode4','ToughStu_Idntify/COAD/Identify_Query_COAD.aspx','认定结果');">
认定结果</a>

复制代码

前台代码貌似上面显示异常

欢迎光临 FineUI 官方论坛 (https://www.fineui.com/bbs/)