2014-03-25 4 views
0

데이터베이스 (websql)에서 슬라이드 아웃의 특정 필드를 업데이트하여 현재 사용자를 표시하고 프로필에 액세스 할 수 있습니다. targert : title: log1입니다. 즉 save:function()을 사용했고 데이터베이스에 레코드 하나가 있습니다. 나는 많은 시간을 보냈지 만 지금까지는 해결책을 찾지 못했습니다. 누군가가 도와 드릴 수 있습니다.PhoneJs : 동적으로 슬라이드 아웃 업데이트

지수

//... 
    <script type="text/javascript"> 
     $(function() { 

      slideOut.app.navigate(); 
     }); 

     slideOut.Home = function (params) {   
      return {}; 
     }; 
    </script> 


</head> 
<body> 


    <div data-options="dxView : { name: 'Home', title: 'Slide Out' } " > 
    <div data-options="dxContent : { targetPlaceholder: 'content' } " > 
    </div> 
</div> 



</body> 
</html> 

의 App.config : 당신이 app.co의 실수를 가지고있는 것처럼

window.slideOut = $.extend(true, window.slideOut, { 

var log1; 

save:function(){ 

    var db = openDatabase("dossierpatient", "1.0", "BD patient", 32678); 
    db.transaction(function(transaction){ 
    transaction.executeSql("SELECT * FROM patient;", [], function(transaction,result){ 
          for (var i=0; i< result.rows.length; i++) { 
           log1 = result.rows.item(i).login; 
           console.log(log1 + "\n "); 

          } 

         }); 

}); 
return log1; 
} 

    "config": { 
    "navigationType": "slideout", 

    "navigation": [ 
     { 
     "title": log1, 
     "action": "#", 
     "icon": "todo" 
     }, 
     { 
     "title": "Item 2", 
     "action": "#", 
     "icon": "tips" 
     }, 
     { 
     "title": "Item 3", 
     "action": "#", 
     "icon": "card" 
     }, 
     { 
     "title": "Item 4", 
     "action": "#", 
     "icon": "map" 
     } 
    ] 
    } 
}); 

window.slideOut = window.slideOut || {}; 
$(function() { 
    // Uncomment the line below to disable platform-specific look and feel and to use the Generic theme for all devices 
    // DevExpress.devices.current({ platform: "generic" }); 

    slideOut.app = new DevExpress.framework.html.HtmlApplication({ 
     namespace: slideOut, 
     commandMapping: slideOut.config.commandMapping, 
     navigationType: "slideout", 
     navigation: getNavigationItems() 
    }); 

    slideOut.app.router.register(":view", { view: "Home"}); 


    function getNavigationItems() { 
     return slideOut.config.navigation; // cherche le contenu du slideOut 
    } 

}); 

답변

0

을 app.js 보인다 nfig.js. var log1의 선언은 확장 코드 위에 있어야합니다. 은 $ .extend 유효 JS 개체로 매개 변수를 가져야한다 : I 이상

var log1; 

$.extend(true, window.slideOut, { 
    save: ..., 
    ... 
} 

이동하면 응용 프로그램의 설정 파일에 같은 코드를 추가 할 조언을하지 않을 것입니다. 뷰 제목 (또는보기에있는 모든 것)을 사용자 정의하려면 observables와 함께 viewModel을 사용하십시오. 예 :

slideOut.Home = function (params) { 

    var title = ko.observable("title"); 

    var viewModel = { 

     title: title, 

     viewShowing: function() { 
      // TODO: put code fetching title from db and set it on done to observable 
      title("value"); 
     } 
    }; 

    return viewModel; 
}; 

위의 코드는보기의 제목을 설정합니다.