OData 中 Image 的顯示和編輯 (下)

阿新 • • 發佈：2019-02-06

jQuery.sap.require("sap.ui.core.util.MockServer"); var currentUser = null; var sCurrentPath; // Application Header var oAppHeader = new sap.ui.commons.ApplicationHeader("appHeader"); oAppHeader.setLogoSrc("http://sap.github.io/openui5/images/icotxt_white_220x72_blue_open.png"

); oAppHeader.setDisplayWelcome(false); oAppHeader.setDisplayLogoff(false); oAppHeader.placeAt("content"); // Create mock server var oMockServer = new sap.ui.core.util.MockServer({ rootUri: "http://mymockserver/", }); oMockServer.simulate("model/metadata.xml"

, "model/"); oMockServer.start(); // Application data var oModel = new sap.ui.model.odata.v2.ODataModel("http://mymockserver/", true); sap.ui.getCore().setModel(oModel); //------------------------------------- // Build a form to edit or create user

// mode: 0 for edting, 1 for creating //------------------------------------ function buildUserForm(mode){ var oSimpleForm = new sap.ui.layout.form.SimpleForm({ content: [ new sap.ui.core.Title({text:"User Information"}), new sap.ui.commons.Label({text: "Email"}), new sap.ui.commons.TextField({value: "{Email}", editable: false}), new sap.ui.commons.Label({text: "First name"}), new sap.ui.commons.TextField({value: "{Firstname}"}), new sap.ui.commons.Label({text: "Last name"}), new sap.ui.commons.TextField({value: "{Lastname}"}), new sap.ui.commons.Label({text:"Age"}), new sap.ui.commons.TextField({value: "{Age}"}), new sap.ui.commons.Label({text:"Address"}), new sap.ui.commons.TextField({value: "{Address}"}), new sap.ui.core.Title({text:"Photo"}), new sap.m.Image({ width: "100px", src: { path: "Picture", formatter: function(sBase64Value){ var sDataUrl = "data:image/bmp;base64," + sBase64Value; if (sBase64Value){ return sDataUrl; }else{ return; } } } }) ] }); // 1 表示新建 if (mode == 1){ var content = oSimpleForm.getContent(); content[2].setEditable(true); } if (mode == 0){ oSimpleForm.bindElement(sCurrentPath); } return oSimpleForm; } //---------------------------------------------------- // CREATE Operation // Form was open when user press [Create user] button //---------------------------------------------------- function openCreateDialog(){ var oCreateDialog = new sap.ui.commons.Dialog({ minWidth: "400px" }); oCreateDialog.setTitle("Create User"); var oSimpleForm = buildUserForm(1); // 1 represent creating oCreateDialog.addContent(oSimpleForm); oCreateDialog.addButton( new sap.ui.commons.Button({ text: "Submit", press: function() { var content = oSimpleForm.getContent(); // new entry var oEntry = {}; oEntry.Email = content[2].getValue(); oEntry.Firstname = content[4].getValue(); oEntry.Lastname = content[6].getValue(); oEntry.Age = content[8].getValue(); oEntry.Address = content[10].getValue(); // Commit creating operation var oModel = sap.ui.getCore().getModel(); oModel.create("/Users", oEntry, { success: function(oData, oResponse){ console.log("Response", oResponse); oCreateDialog.close(); oModel.refresh(); }, error: function(oError){ console.log("Error", oError); oCreateDialog.close(); } }); } }) ); oCreateDialog.open(); }; //------------------------------------------------- // PUT Operation // Open dialog when user pressing [Update user' data] button //------------------------------------------------- function openUpdateDialog(){ var oUpdateDialog = new sap.ui.commons.Dialog({ minWidth: "600px", title: "Update user's data" }); var oSimpleForm = buildUserForm(0); oUpdateDialog.addContent(oSimpleForm); oUpdateDialog.addButton( new sap.ui.commons.Button({ text: "Submit", press: function() { var content = oSimpleForm.getContent(); var oEntry = {}; oEntry.Email = content[2].getValue(); oEntry.Firstname = content[4].getValue(); oEntry.Lastname = content[6].getValue(); oEntry.Age = content[8].getValue(); oEntry.Address = content[10].getValue(); oEntry.Picture = "base64_string"; var oModel = sap.ui.getCore().getModel(); var sPath = "/Users('" + oEntry.Email + "')" oModel.update(sPath, oEntry, { success: function(oData, oResponse){ console.log("Response", oResponse); oModel.refresh(); oUpdateDialog.close(); }, error: function(oError){ console.log("Error", oError); oUpdateDialog.close(); } }); } }) ); oUpdateDialog.open(); }; //----------------------- // DELETE Operation //----------------------- function openDeleteDialog(email) { var oDeleteDialog = new sap.ui.commons.Dialog(); oDeleteDialog.setTitle("Delete User"); var oText = new sap.ui.commons.TextView({text: "Are you sure to delete this user?"}); oDeleteDialog.addContent(oText); oDeleteDialog.addButton( new sap.ui.commons.Button({ text: "Confirm", press:function(){ var oModel = sap.ui.getCore().getModel(); oModel.remove("/Users('" + email + "')", { success: function(oData, oResponse){ console.log(oResponse); oModel.refresh(); oDeleteDialog.close(); }, error: function(oError){ console.log("Error", oError); oDeleteDialog.close(); } }); } }) ); oDeleteDialog.open(); } // Setting up table var oTable = new sap.ui.table.Table({ editable: false, selectionMode : sap.ui.table.SelectionMode.Single, selectionBehavior: sap.ui.table.SelectionBehavior.Row, rowSelectionChange: function(e) { var idx = e.getParameter('rowIndex'); if (oTable.isIndexSelected(idx)) { var cxt = oTable.getContextByIndex(idx); var path = cxt.sPath; var obj = oTable.getModel().getProperty(path); currentUser = obj; sCurrentPath = path; //console.log(obj); } }, toolbar: new sap.ui.commons.Toolbar({ items: [ new sap.ui.commons.Button({ text: "Create user", press: function() { openCreateDialog(); }, }), new sap.ui.commons.Button({ text: "Update user's data", press: function() { var idx = oTable.getSelectedIndex(); if (idx == -1) return; var rows = oTable.getRows(); var user = rows[idx].getCells(); openUpdateDialog(); }, }), new sap.ui.commons.Button({ text: "Delete user", press: function() { var idx = oTable.getSelectedIndex(); if (idx == -1) return; var rows = oTable.getRows(); var user = rows[idx].getCells(); openDeleteDialog(user[0].getValue()); }, }) ] }), }); oTable.addColumn(new sap.ui.table.Column({ label: new sap.ui.commons.Label({text: "Email"}), template: new sap.ui.commons.TextField().bindProperty("value", "Email"), editable: false, sortProperty: "Email" })); oTable.addColumn(new sap.ui.table.Column({ label: new sap.ui.commons.Label({text: "First name"}), template: new sap.ui.commons.TextField().bindProperty("value", "Firstname"), sortProperty: "Firstname", editable: false, })); oTable.addColumn(new sap.ui.table.Column({ label: new sap.ui.commons.Label({text: "Last name"}), template: new sap.ui.commons.TextField().bindProperty("value", "Lastname"), sortProperty: "Lastname", editable: false, })); oTable.addColumn(new sap.ui.table.Column({ label: new sap.ui.commons.Label({text: "Age"}), template: new sap.ui.commons.TextField().bindProperty("value", "Age"), sortProperty: "Age", editable: false, })); oTable.addColumn(new sap.ui.table.Column({ label: new sap.ui.commons.Label({text: "Address"}), template: new sap.ui.commons.TextField().bindProperty("value", "Address"), sortProperty: "Address", editable: false, })); oTable.setModel(oModel); oTable.bindRows("/Users"); oTable.placeAt("content");

OData 中 Image 的顯示和編輯 (下)

jQuery.sap.require("sap.ui.core.util.MockServer"); var currentUser = null; var sCurrentPath; // Applicat

cmakelist中區分debug和release下對應的庫版本

add_library(${LIBRARY_NAME} ${SOURCES} ${HEADERS})//生成一個對應的Debug庫，用來與Release版本的庫區分set_target_properties(${LIBRARY_NAME} PROPERTIES OUTPUT_NAME "${LIBR

IntelliJ IDEA中如何顯示和關閉----工具欄，目錄欄，

工具欄：就是上面有個好多的快捷按鈕的那個欄，比如撤銷，上傳，下載設定，扳手按鈕，等等。目錄欄，就是剛剛裝的時候，這個會顯示，但是不知道怎麼關閉，但是這個又沒什麼用。如圖：就是對應的幾個按鈕

c++中向上轉型和向下轉型，動態轉換，和靜態轉換詳解

子類轉換為父類：向上轉型，使用dynamic_cast<type_id>(expression)，這種轉換相對來說比較安全不會有資料的丟失；父類轉換為子類：向下轉型，可以使用強制轉換，這

JS中物件顯示和隱藏相互轉換

比如說現有一個複選框checkbox，勾選後顯示出另外的內容：有兩種實現方法： $(function(){ //頁面載入時設定上傳圖示列為隱藏 $('#上傳圖示列id').hide();

css中實現顯示和隱藏

QQ：979111986/5730473 微信：ainusers 現就職：新浪微博：AinUser 微信公眾號：AinUser 郵箱：[email protected] 程式設計技術交流群：540049350 github：g

下拉框只顯示最初下拉框中的值和json返回array的交集

sel .text json down emp tno append length drop 首先我們可以遍歷dropdown var array = new Array(); $("#select option").each(function(j){ array[j]=

MVC4 中的Model顯示設定(含顯示Shared/DisplayTemplates和編輯Shared/EditorTemplates) MVC4 中的Model顯示設定(含顯示Shared/DisplayTemplates和編輯Shared/EditorTemplates)

轉載於： MVC4 中的Model顯示設定(含顯示Shared/DisplayTemplates和編輯Shared/EditorTemplates) 雖然 [Display(Name="XXX")]已經能在頁面中@Html.LabelFor(m=m.屬性)中顯示其

解決Ubuntu中vi命令的編輯模式下不能正常使用方向鍵和退格鍵的問題

　　在Ubuntu中，進入vi命令的編輯模式，發現按方向鍵不能移動游標，而是會輸出ABCD，以及退格鍵也不能正常刪除字元。這是由於Ubuntu預裝的是vim-tiny，而我們需要使用vim-full，解

laravel中資料顯示（預設值和下拉option預設選中）

<div class="form-group"> <label>ap狀態：</label> <select name="ap_status_id

在SQL2008和2012裏面怎麽讓顯示全部行和編輯全部而不是200和1000

時間所有 microsoft man server2 soft 比較資源管理 sql 在sql server2008裏面，可能微軟考慮到數據量比較大，如果直接返回所有行，可能造成耗費時間過多。所有默認為"編輯前200行"和"返回前1000行".這對於有些朋友來說不太方面

html中實現數據的顯示和隱藏

func 隱藏 obj else content cli solid head utf Author： YangQingQing <!DOCTYPE html><html><meta http-equiv="Content-Type" co

Flex中TabNavigator隱藏和顯示選項卡

pro ble 點擊 plain bat summer microsoft _id lai 1、問題背景遇到這樣一個問題：有四個Tab選項卡。依據不同的參數隱藏和顯示選項卡 2、實現實例（1）隱藏“春季” protected fun

jquery中使元素顯示和隱藏方法之間的區別

第一個設置不可見效果三種透明元素實現使用在實際的項目開發中，要使一個元素隱藏的方法有很多，比如css的多種屬性和jquery的多種方法，雖然他們的作用都是使元素不可見，但是各個方法實現的原理是不一樣的。下面主要介紹jquery各個元素隱藏方法之間的區別。

5.1 vim介紹 5.2 vim顏色顯示和移動光標 5.3 vim一般模式下移動光標 5.4 vim一般模式下復制、剪切和粘貼

介紹 vim 顏色顯示 5.1 vim介紹5.2 vim顏色顯示和移動光標5.3 vim一般模式下移動光標5.4 vim一般模式下復制、剪切和粘貼5.1 vim介紹vim 是 vi的一個升級版本vim 是帶有顏色顯示的再試下vim 命令[[email protected]/* */ ~

3.sql中的向上遞歸和向下遞歸

ble 編碼 conn table where 包含 span 順序 ffffff 1.向下遞歸 select * from table_name where 條件 connect by prior bmbm(本級關聯條件)=sjbmbm(上級關聯條件) start wit

ListView中動態顯示隱藏HeaderView和FooterView

roi ron mas relative 監聽事件 isp 刪除 listen 具體實現 ListView中動態顯示和隱藏Header&Footer 解決思路: 直接設置HeaderView和FooterView.setVisibility(View.GONE)無效

Linux下的文件查看和編輯

linux 文件查看文件編輯 1.查看 1) cat 查看文件內容 cat 文件名 cat file1 查看file1文件的內容（將file1的內容打印到標準輸出中） cat file1 file2 查看f

解決openSUSE中Sublime Text 3的中文顯示和輸入問題

ase continue opensuse back .so文件 text 裏的測試 mes Sublime Text 2是免安裝的，下載完解壓就可以了。我這邊解壓路徑是/home/fhp/App/SublimeText2 為了能在終端直接使用sublime

5.1 vim介紹 5.2 vim顏色顯示和移動光標 5.3 vim一般模式下移動光標 5.4 vi

vim5.1 vim介紹vim介紹按 i 鍵進入編輯模式5.2 vim顏色顯示和移動光標vim顏色顯示和移動vim編輯：gg：移動到最上面一行shift+O：光標在最上面一行的上面，相當於插入顯示顏色5.3 vim一般模式下移動光標5.4 vim一般模式下復制、剪切和粘貼5.1 vim介紹 5.2 vim顏色

OData 中 Image 的顯示和編輯 (下)

相關推薦