Java_曹建波 04.07 jQuery easyUI 后台界面搭建案例 (二)

2014-11-24 11:45:07 · 作者: · 浏览: 30
  • 会员列表


  • style="padding:10px;">



    style="padding:10px;">







    后台操作界面的说明




    style="height:25px; padding: 5px; background: #D2E0F2;">
    版权归河北软件职业技术学院 @河软CSDN乐知学院所有2013-2020




    Init.js

    [java script]
    $(document).ready(function() {
    //获取所有的a元素
    var $as = $("li>a");
    //获取id=tabs的元素
    var $tt = $("#tt");

    //注册点击事件
    $as.bind("click", function() {
    var text = $(this).text();
    var url = this.href;

    //根据标题看这个面板是否存在
    if ($tt.tabs("exists", text)) {
    //如果存在 变成被选中的状态
    $tt.tabs("select", text);
    } else {
    //如果不存在则添加
    $tt.tabs('add', {
    title : text,
    closable : true,
    content : createFrame(url), //创建面板内容
    tools : [{
    iconCls : 'icon-mini-refresh',
    handler : function() {
    alert('refresh');
    }
    }]
    });
    }

    return false;
    });

    });

    //创建面板
    function createFrame(url) {
    var src = '<iframe scrolling="auto" frameborder="0" src="' + url + '" style="width:100%;height:100%;">';
    return src;
    }

    $(document).ready(function() {
    //获取所有的a元素
    var $as = $("li>a");
    //获取id=tabs的元素
    var $tt = $("#tt");

    //注册点击事件
    $as.bind("click", function() {
    var text = $(this).text();
    var url = this.href;

    //根据标题看这个面板是否存在
    if ($tt.tabs("exists", text)) {
    //如果存在 变成被选中的状态
    $tt.tabs("select", text);
    } else {
    //如果不存在则添加
    $tt.tabs('add', {
    title : text,
    closable : true,
    content : createFrame(url), //创建面板内容
    tools : [{
    iconCls : 'icon-mini-refresh',
    handler : function() {
    alert('refresh');
    }
    }]
    });
    }

    return false;
    });

    });

    //创建面板
    function createFrame(url) {
    var src = '<iframe scrolling="auto" frameborder="0" src="' + url + '" style="width:100%;height:100%;">';
    return src;
    }