appframework(jqmobi) 3.0 设置

1.重写 data-load data-unload 事件

在随便的js文件中添加一下的代码;

function dispatchPanelEvent(fnc,myPanel){
    if (typeof fnc === "string" && window[fnc]) {
        return window[fnc](myPanel);
    }
    else if(fnc.indexOf(".")!==-1){
        var scope=window,items=fnc.split("."),len=items.length,i=0;
        for(i;i<len-1;i++){
            scope=scope[items[i]];
            if(scope===undefined) return;
        }
        return scope[items[i]](myPanel);
    }
}
$(document).on("panelload",function(e){
   var hasLoad=$(e.target).attr("data-load");

   return dispatchPanelEvent(hasLoad,e.target);
})

$(document).on("panelunload",function(e){
   var hasLoad=$(e.target).attr("data-unload");

   return dispatchPanelEvent(hasLoad,e.target);
})

这样就可以在panel 的div中添加 data-load=‘test‘;
如下panel的

<div class="panel" id="plugins" data-title="plugins" data-unload=‘test‘ data-load=‘tests‘>

其中

function test(){
    alert(‘ddddd‘);
}
function tests(){
    alert(‘xxxxx‘);
}

2. data-tab="settings" 没有起作用;

 <div class="panel" id="changetab" data-tab="settings">
               changetab
 </div>
        <footer>
            <a  href="#mainPage" class="icon home" data-transition="mainPage" id="settings">Main</a>
            <a href="#onePage" class="icon html5" data-transition="slide">onePage</a>
            <a href="#twoPage" class="icon trash" data-transition="up-reveal">twoPage</a>
            <a href="#threePage" class="icon trash" data-transition="up-reveal">threePage</a>
        </footer>

当跳转到changetab 这个panel时 footer 底部应该是id为settings这个高亮,但是却没有高亮;
通过修改af.ui.js里面的setActiveTab 函数;

        setActiveTab:function(ele,view){
        var hash;
        if(typeof(ele)!=="string")
        hash=$(ele).attr("data-tab");
        view.find("footer").find("a").removeClass("pressed").attr("data-ignore-pressed","true").filter("[id=‘"+hash+"‘]").addClass("pressed");
            // var hash;
            // if(typeof(ele)!=="string")
            //     hash=$(ele).prop("id");
            // hash="#"+hash;
            // view.find("footer").find("a").removeClass("pressed").attr("data-ignore-pressed","true").filter("[href=‘"+hash+"‘]").addClass("pressed");
        },
时间: 2024-08-05 15:45:42

appframework(jqmobi) 3.0 设置的相关文章

Android4.0设置界面改动总结(三)

Android4.0设置界面改动总结大概介绍了一下设置改tab风格,事实上原理非常easy,理解两个基本的函数就可以: ①.invalidateHeaders(),调用此函数将又一次调用onBuildHeader()来又一次读取xml文件里的header,又一次刷新HeaderAdapter中的数据,因此刷新了ListView的内容,从而更新了界面. ②.onBuildHeaders()中调用loadHeadersFromResource(resId, headers); 就可以又一次载入Hea

Android4.0设置界面修改总结(四)

之前有跟大家分享设置Tab风格和Item圆角的实现,希望能给有需要的朋友一点点帮助,今天再和大家分享一下用ViewPager实现设置分页,小米和OPPO就是这样的设置,先来看看效果图:   为了帮助大家更清晰的理解,我单独拿出一个小例子,有需要的朋友可以下载下来看看: http://git.oschina.net/way/SettingTab/tree/master 其实要实现这样的风格并不难,只要能比较深入的理解PreferenceActivity.java就可以了.我们都知道Settings

Android4.0设置界面修改总结(三)

Android4.0设置界面修改总结大概介绍了一下设置改tab风格,其实原理很简单,理解两个主要的函数即可: ①.invalidateHeaders(),调用此函数将重新调用onBuildHeader()来重新读取xml文件中的header,重新刷新HeaderAdapter中的数据,因此刷新了ListView的内容,从而更新了界面. ②.onBuildHeaders()中调用loadHeadersFromResource(resId, headers); 即可重新加载HeaderAdapter

Visual Studio 10.0设置引用HalconDotNet.dll

开始做Halcon的上位机,选用Visual Studio 10.0平台. 具体设置以C#,VB为例子,如下: C# 第一步: 01.新建项目 02.选择Visual C# 03.修改文件名 04.确认 第二步: 01.选择"解决方案资源管理器" 02.选择"引用",右键 03.选择"添加引用" 第三步: 01.在添加引用选项卡选择浏览 02.选择路径:X:\Program Files\MVTec\HALCON-10.0\bin\dotnet20

配置子目录Web.config使其消除继承,iis7.0设置路由

iis7.0设置路由 ,url转向,伪静态 <system.webServer>      <modules runAllManagedModulesForAllRequests="true" />      </system.webServer> 配置子目录Web.config使其消除继承 不用修改根目录的Web.config文件,而是修改子目录的Web.config.假设根目录的Web.config设置了一个名为 BlogEngine的连接字符串

VC6.0 设置动态链接库工程生成dll以及lib文件的位置

在"Projet"->"Settings..."的"Link"选项卡中 "Output file name"中设置dll的输出路径 Project options:中可以看到刚刚设置生成的DLL路径, 紧跟着就是LIB文件的路径,默认应该是DEBUG或者release的目录下, 这里需要手动修改LIB路径到你所需要的设置生成相应lib文件的所在路径,下面一句设置是Release模式下路径: /out:"../U

Android4.0设置界面改动总结(二)

今年1月份的时候.有和大家分享给予Android4.0+系统设置的改动:Android4.0设置界面改动总结 时隔半年.回头看看那个时候的改动.事实上是有非常多问题的,比方说: ①.圆角Item会影响到第三方应用(由于我是公共改动的framework下的PreferenceGroupAdapter嘛). ②.设置不能横竖屏切换. 因为当时客户催的比較急,没有顾及到.只是后来.我们在做新平台的时候,是有又一次完好的,今天就和大家分享一下. 第一个问题的解决: ①.在PreferenceGroupA

当前.net skd不支持将.net core 3.0设置为目标

新打开一个开源项目,编译不通过,报“当前.net skd不支持将.net core 3.0设置为目标”的错误 但我电脑环境里3.0的skd和runtime都没有什么问题 ,在控制台里查看命名都好好都存在 新建一个项目选择目标框架时区看不到.net core 3.0的选项 各种方法都不行 觉得就像是vs没有识别到当前电脑里的.net core版本 最后直接升级了vs 算是搞定了 原文地址:https://www.cnblogs.com/shawn-he/p/11993094.html

Zabbix2.0和Zabbix3.0设置邮件报警教程

============================== Zabbix2.0邮件服务器配置 ================================ 1.Zabbixe服务器配置邮件发送 cat >> /etc/mail.rc <<EOF set [email protected] set smtp=smtp.139.com set [email protected] set smtp-auth-password=hengtai set smtp-auth=login