【App开发笔记】2.9 编写搜索好友页面

源码地址

2.9.1 添加UIinput模块，并重新自定义loader，下载安装

UIInput文档

添加UIInput模块

2.9.2 在common.js里封装几个方法

//DOT模版引擎的方法
function TplInnerHtmlLoad(tpl_id, show_id, data) {
    var tplhtml = doT.template($api.byId(tpl_id).innerHTML);
    $api.byId(show_id).innerHTML = tplhtml(data);
    api.parseTapmode();
}

function TplAppendLoad(tpl_id, show_id, data) {
    var tplhtml = doT.template($api.byId(tpl_id).innerHTML);
    $api.append($api.byId(show_id), tplhtml(data))
    api.parseTapmode();
}
//一个简易的loading方法
//知识点api.wgtRootDir是项目widget的实际路径
function OpenLoading(append_id) {
    var html="";
    html+="
";
    html+="";
    html+="
";
    $api.append($api.byId(append_id),html)
}
function CloseLoading() {
    $api.remove($api.byId('loading'));
}

2.9.3 编写搜索好友win页面

    
    
    
    
    
    
    



     
        
    
    
搜索好友
    

2.9.4 编写搜索好友frame页面

    
    
    
    
    
    
    


    

        

            
            
            
        
        
取消
    

最终效果