如何动态增加删除tab页

如何动态增加删除tab页,第1张

function addTabs(Main,contentName,className,html,tabName) {

    var str//  className(自定义命名名字)+后缀数字

    var val//  获取class类名的值

    var mainLi =$("#"+Main)

    //取ul下li的个数,即tab的个数

    var length = mainLi.children().length

    //maxTab 为全局变量,默认值为 1,即首页。增加页采取的策略  是 不断递增,即使删除,尾号也会增加

    maxTab =maxTab +1

    str =  className+(maxTab).toString()

    val =$('.'+str).val()

    //创建li

    var li =document.createElement("li")

    li.setAttribute("class",str)

    //创建a

    var a =document.createElement('a')

    a.setAttribute("class",str)

    a.setAttribute("href","#"+str)

    a.setAttribute("data-toggle","tab")

    a.setAttribute('display',"inline")

    //创建div

    var Adiv =document.createElement('div')

    //创建span

    var span =document.createElement('span')

    span.setAttribute("id",str+"Text")

    span.setAttribute("float","left")

    span.setAttribute("display","inline")

    //创建button

    var btn =document.createElement('button')

    btn.setAttribute("type","button")

    btn.setAttribute("class","close")

    //为button定义一个方法  参数为str

    var close ="closeAddTab(" +str +")"

    btn.setAttribute("onclick",close)

    btn.setAttribute("aria-hidden","true")

    btn.setAttribute("aria-hidden","true")

    btn.setAttribute("display","inline")

    //定义一个btn里的span

    var btnSpan =document.createElement('span')

    btnSpan.setAttribute("id",str+"Span")

    btnSpan.setAttribute("display","inline")

    //追加

    btn.appendChild(btnSpan)

    Adiv.appendChild(span)

    Adiv.appendChild(btn)

    a.appendChild(Adiv)

    li.appendChild(a)

    mainLi[0].appendChild(li)

    //设置tab名字

    $("#"+str+"Text").text(tabName)

    $("#"+str+"Span").html("×")

    //生成 内容页

    var mainDiv =$("#"+contentName)

    //创建 子tab内容页

    var div =document.createElement('div')

    div.setAttribute("class","tab-pane fade")

    div.setAttribute("id",str)

    //内容页

    var div2 =document.createElement('div')

    div2.setAttribute("id",str+"Son")

    //追加

    div.appendChild(div2)

    mainDiv[0].appendChild(div)

    //设置 内容的html

    $("#"+str+"Son").html(html)

    $('.'+str).css("float","left")

    //显示最后一个,即新打开的页面

    $('#'+Main+" a:last").tab('show')

}

function closeAddTab(Main,str,className) {

//str 来自addtabs创建,会带入一个select,获取它的名字

    str = str.id.toString().trim()

    var lastNum

    var str2 = str

    //获取 className的长度

    var len =Number(str.substring(className.length))

    var tab

    var val

    var last =$('#'+Main+' a:last')[0].getAttribute("class").trim()

    lastNum = last.toString().substring(className.length)

    lastNum =Number(lastNum)

    //获取 tab页尾号

    if (len === lastNum) {

for (let i = len -1i >0i--) {

val ='.' + className + i.toString()

            val =$(val).val()

            if (val !==undefined) {

str ="#"+className + i.toString()

                tab ='#'+Main+' a[href="' + str +'"]'

break

            }

}

}

var length =$("#"+Main).children().length

    var str3 ="."+str2

    var str4 ="#"+str2

    //移出

    $(str3).remove()

    $(str4).remove()

    //如果只有2个页面,则会到首页,多个则会到前面的一个

    if (length ===2){

$('#'+Main+' a:first').tab('show')

}else {

$(tab).tab('show')

    }

}

// 获取当前 active 的tab页

function getTabNum() {

var tabNum

    if (maxTab ===2){

tabNum =maxTab

    }else {

var active =$('.active').children()[0].getAttribute('class')

        tabNum = active.toString().substring(className.length)

    }

return tabNum

}

微信公众号发送的动态页面制作方法:

1、登录自己的微信公众号以后,先请点击页面左上方的“Qun发功能”栏目;

2、接着就会看到公众号的Qun发功能了,在这里可以发如文字、图片、语音、视频和图文消息。这里也可以选择向全部用户发送,也可以分组来选择;

3、随后可以创建单图文消息或多图文消息;

4、在素材管理页面中,先输入这篇推送消息的标题,作者可写可不写,接着请点击“上传”按钮;

5、图片上传好以后,接下来可以在正方中输入文字消息。如果你想要推送的文章在网络有链接的话,可以适当在正方中输入一些文字,再点击下方的“添加原文链接”选项,添加好链接以后,接下来请点击“保存”按钮;

6、保存成功以后,即可看到刚刚我们添加的新的图文消息了,日后若要创建新的图文消息,可以直接点击左边栏中的“素材管理”栏目;

7、当我们创建好了一个图文消息以后,接下来请继续点击页面左上方的“Qun发功能“;

8、接下来在Qun发页面中,请点击“图文消息”图标;

9、随后请在选择素材页面中,先选中要发送的图文素材,此时素材上会显示一个小勾,然后再点击“确定”按钮。

如果是在viewpager中要动态的添加View(你这里是ListView),那么你只要改变pagerAdapter的数据源List<View>,然后调用adapter.notisfyDataSetChanged()就好了。

如果是说ListView里面的数据要动态改变,你可以先把这个ListView添加到数据源List<View>里,然后写一个ListView的持有 (ListViewHolder)类,构造方法里需要一个handler和一个context。ListViewHolder负责处理listView的相关数据加载之类的就好了。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/10983890.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-12
下一篇2023-05-12

发表评论

登录后才能评论

评论列表(0条)

    保存