TonyOne

TonyOne

65飞吻 2018-6-5 加入 来自深圳

(这个人懒得留下签名)

TonyOne 最近的回答

  • 2018-6-7 18:31:34layui tabs的content可以指定一个html页面吗?中回答:

    解决了,嵌入iframe,代码
    layui.use('element', function(){
    var $ = layui.jquery
    ,element = layui.element; //Tab的切换功能,切换事件监听等,需要依赖element模块
    var newTabId;
    //触发事件
    var active = {
    tabAdd: function(othis){
    //新增一个Tab项
    newTabId = new Date().getTime();
    var options = othis.data('options');
    element.tabAdd('tabs', {
    title: options.title
    ,content: '<iframe src="hello" scrolling="auto" frameborder="0" style="width:100%;height:100%;"></iframe>'
    /*,content: '<table class="layui-hide" id="table-id"></table>'+
    '<script type="text/html" id="switchTpl">'+
    '<input type="checkbox" name="sex" value="{{d.id}}" lay-skin="switch" lay-text="女|男" lay-filter="sexDemo" {{ d.id == 10003 ? \'checked\' : \'\' }}>'+
    '<\/script>'+
    '<script type="text/html" id="checkboxTpl">'+
    '<input type="checkbox" name="lock" value="{{d.id}}" title="锁定" lay-filter="lockDemo" {{ d.id == 10006 ? \'checked\' : \'\' }}>'+
    '<\/script>'*/
    ,id: newTabId //实际使用一般是规定好的id,这里以时间戳模拟下
    })
    }
    ,tabDelete: function(othis){
    //删除指定Tab项
    element.tabDelete('demo', '44'); //删除:“商品管理”
    othis.addClass('layui-btn-disabled');
    }
    ,tabChange: function(){
    //切换到指定Tab项
    element.tabChange('demo', '22'); //切换到:用户管理
    }
    };
  • 2018-6-7 15:11:5layui tabs的content可以指定一个html页面吗?中回答:

    @Anson1599 可以给个例子吗?[微笑]