码迷,mamicode.com
首页 > 其他好文 > 详细

2、搭建页面框架

时间:2017-04-30 14:00:02      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:事件   val   img   geo   org   mod   otto   lis   images   

  1.  新建一个空白w文件  (组件属性或事件按默认则不在此特别声明)
  2. 添加一个panel组件

 技术分享

 

技术分享

 

在top里添加titleBar组件

技术分享

 

技术分享

 

技术分享

 

技术分享

 

技术分享

 

技术分享

 

技术分享

 

技术分享

 

    //搜索框   

Model.prototype.keyInputFocus = function(event){

       this.comp("keyInput").val("");

};

 

技术分享

 

技术分享

 

技术分享

 

//搜索按钮单击事件

    Model.prototype.searchBtnClick = function(event){

       var bookData = this.comp("bookData");

       var text=this.comp("keyInput").val();

        if (text != "")

        { 

        this.comp("bookData").setFilter("filter1", "Bookname like ‘%" + text + "%‘");

           //this.comp("booklist").refresh(true);

           bookData.refreshData();

           this.comp("keyInput").val("");

        }   

};  

 

在content里添加contents组件再添加5个content

技术分享

 

技术分享

 

技术分享

 

技术分享

 

技术分享

 

技术分享

 

技术分享

 

技术分享

 

技术分享

 

在bottom里添加buttonGroup组件再添加5个按钮

技术分享

 

技术分享

 

技术分享

 

技术分享

 

技术分享

 

技术分享

 

技术分享

 

define(function(require) {
    var $ = require("jquery");
    var justep = require("$UI/system/lib/justep");
    var geo = require($UI/system/api/native/geo);
    require("cordova!org.apache.cordova.device");
    require("cordova!com.justep.cordova.plugin.alipay");
    require("cordova!org.apache.cordova.geolocation");
    
    require("css!$UI/demo/native/common/pub").load();
    require("cordova!cordova-plugin-camera");
    require("cordova!cordova-plugin-inappbrowser");
    
    require("$UI/waimai/appVersionChecker");
    
    var Model = function() {
        this.callParent();
        this.actionUrl = "/baas/qb/attachment/simpleFileStore";
        this.userid;
        this.loadUser = true;
        this.loadOrder = true;
        this.loadBook = true;
        var fUUID;
    };

    Model.prototype.modelLoad = function(event) {
        fUUID=justep.UUID.createUUID();
        this.comp("data").setValue("Bookid", fUUID)
        this.comp("data").saveData();
        
        var me = this;
        this.userid = "user1";
        if (justep.Browser.isX5APP) {
            document.addEventListener("devicereday", function() {
                me.userid = window.device.uuid;
            });
        }
        this.comp("userData").setFilter("filter1", "fID =‘" + this.userid + "");
        this.comp("orderData").setFilter("filter1", "fUserID =‘" + this.userid + "");
    };

 

2、搭建页面框架

标签:事件   val   img   geo   org   mod   otto   lis   images   

原文地址:http://www.cnblogs.com/xiaoxiaohabi/p/6789203.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!