2017年10月13日 星期五

開發 Kendo UI for JQuery 時遇到的問題

markdown
最近公司導入這個框架,盡量要用它來做功能,
第一眼看上去覺得不錯,簡單功能做都很快,
不過要加上細節時問題就出來了,用一篇文章來記錄。
版本:2017 R3

#CRUD資料來源 datasource使用transport方法時,不可混用function/object,要一致

出現的bug現象為:
在local做的資料處理,刪除/更新之後loading動畫不會解除
ref:官網文件 https://docs.telerik.com/kendo-ui/framework/datasource/crud

#前端驗證validation自訂驗證方法bug
前端驗證validation,寫在datasource的schema裡每個欄位field下,除了預設的方法如required外,自訂的方法會在每個欄位做驗證時被觸發,所以要加上
```
if (input.is("[name='該欄的名稱']")){ //驗證邏輯.... } ```
來確保進來的是該欄而不是其他欄,但這樣就變成每個欄位可能都要自己寫一個funciton,就會變得很亂。
而且若是多個欄位有相同的驗證類別,也不太能寫共用方法,
例如有三個自訂input格式的金額欄位,驗證規則都是數字且3位數內,
自訂是因為不要預設的小數點與上下箭頭,所以要用自訂,
但因為這個自訂驗證方法最後需要手動塞入錯誤訊息:
```
 $(input).attr("data-自訂驗證名稱-msg", "最多10位數!");
```
以這個例子,這三個欄位都得自己寫一個自訂驗證方法,把中間的邏輯抽出,
然後外面把function name傳入,如下:
```
//schema.model.fields< fields: { Article: { type: "number", validation: { required: { message: "必填!" }, ArticleMaxlength: function (input) { return vldRuleMaxLength(input,"ArticleMaxlength"); } } }, //另外寫的方法 function vldRuleMaxLength(input, vldFunctionName) { if ((input.is("[name='Article']") || input.is("[name='Section']") || input.is("[name='Item']")) && input.val().length > 3) { $(input).attr("data-" + vldFunctionName + "-msg", "最多3位數!"); return false; } return true; } ```

ref:stackoverflow https://stackoverflow.com/questions/24671452/kendo-grid-column-field-validation

#前端驗證validation,若在自訂editor的欄位使用required,需要在自訂editor的方法裡面把required加入元素TAG內,只用預設屬性沒有作用
ref:官網討論區 http://www.telerik.com/forums/validator-not-firing-for-custom-popup-editor

#前端驗證的BUG
在grid popout editor做新增編輯時的驗證,先輸入符合驗證條件的值,再改成錯誤的值來觸發第一次錯誤訊息後,
再改回之前的值,會發現驗證方法不會被觸發,
目前的處理方法只想到按下存檔前再手動處理一次驗證,只是UX很怪
ref:http://www.telerik.com/forums/validation-in-grid's-schema-only-fire-once

#前端驗證用remote類型(做AJAX)的處理
只能做同步ajax,不能做非同步,不然出錯時無法return false給validator,錯誤訊息就秀不出來,
目前也沒支援非同步

# Grid中使用template做自訂的新增編輯窗版型很麻煩
在grid做popup類型的編輯新增layout時,若不想用預設的一欄一行排版,就要用獨立區塊的template來套在editor上,
ref:官網文件-editable.template那段 https://docs.telerik.com/kendo-ui/api/javascript/ui/grid#editable.template-string
但是官網很難找到你應該要用什麼class來做這些排版,雖然說有引用bootstrap css,
可是套用bootstrap的grid system類css上去,也跟原來單純用BS有差別,都要做調整,
這些k-xxx-class也沒有看到有像BS一樣有個官網區域做介紹,目前還是得用google找討論,然後挖出討論串中的code裡可用的部分拿來用,

#grid的source用Kendo MVC的類別DataSourceRequest取進來值要用post
get抓不到東西會null

#kendoWindow在close之後需要重bind,就要在失效(deactivate)事件做銷毀
ref: https://www.telerik.com/forums/destroy-window-on-close
情境:按下GRID上tool bar某custom按鈕後用$("<div></div>")的方式建立window,
以mvvm方式去kendo bind內容,key欄位有綁blur事件讓他做ajax帶值,
第一次可以work,但在按下右上角x關閉後再次打開就沒有blur事件了,
解決方式是在kendoWindow({})設定中加入deactivate事件處理,
把這個window給destory掉就可以了

#Telerik Report的HTML5的report viewer串date picker的時區問題
kendo ui的datepicker接上REPORT VIEWER有個時區的問題,
在GRID系統裡抓API或送API的時間資料都是正常的,
但送到report viewer的API,會沒有處理時區,造成送去後端時變成GMT+0的時間,
C#後端可以用toLocalTime來轉回,
但報表上的變數沒辦法用toLocalTime,
暫時先在report design裡的變數expression裡面用AddHour(value,hour) +8來處理。

#Kendo UI datasource的date類型資料再轉回asp.net web api2時要用符合格式的日期字串轉回
情境:一個grid配上獨立的datasource操作,不是用grid裡面的datasource給值,也沒有auto bind,
schema裡面有個欄位是date型別,USER不會去編輯他;
在call API後,此欄的值還是WEB API吐出的日期字串格式,`yyyy-MM-ddThh24:mm:ss`,
但在編輯別的欄位後,就因為datasource的schema是date,而轉型為日期物件,
可是在做更新ajax時,並不能直接把日期物件放在data:
```
$.ajax({ url: "your api url", type: "POST", dataType: "json", data: {date=new Date()}, cache: false, async: true, }); ```
後端API會抓不到,所以還是要把日期轉成日期字串,
轉日期字串的方法根據這篇建議是用 `.toISOString()` 來轉

2017年9月20日 星期三

SQLServer 抓表名與表註解 | SQLServer select table name and table comments

markdown

```SQL
SELECT c.name '欄位名稱', ep.value AS '欄位備註', t.Name '欄位型態', c.max_length '最大byte', c.precision '總位數', c.scale '小數位數', c.is_nullable '是否可為空', ISNULL(i.is_primary_key, 0) '是否是PK', '/// ' + cast(ep.value as nvarchar(max)) +' '+'\n' + 'public ' + (case when t.Name in ('char','varchar','nvarchar') then 'string' when t.Name in ('datetime','date','time') then 'DateTime' when t.Name = 'decimal' then 'decimal' when t.Name = 'float' then 'float' when t.Name = 'int' then 'int' when t.Name = 'bit' then 'bool' else 'object' end ) +' '+ c.name + '{get;set;}'+'\n' as '類別屬性宣告' FROM sys.columns c INNER JOIN sys.types t ON c.user_type_id = t.user_type_id INNER JOIN sys.objects ON sys.objects.object_id = c.object_id LEFT OUTER JOIN sys.index_columns ic ON ic.object_id = c.object_id AND ic.column_id = c.column_id LEFT OUTER JOIN sys.indexes i ON ic.object_id = i.object_id AND ic.index_id = i.index_id OUTER APPLY fn_listextendedproperty(default, 'SCHEMA', schema_name(sys.objects.schema_id), 'TABLE', sys.objects.name, 'COLUMN', c.name) ep WHERE c.object_id = OBJECT_ID('你的表名字') ``` 20180713 更新加入C#類別屬性宣告字串 用法: 1. 複製到class內 2. 選取剛剛貼上的部分 3. CTRL+H 打開取代 4. 按下正則表達選項 5. 搜尋`\\n` 取代為 `\n` 6. CTRL+E+D 排版

2017年7月17日 星期一

Telerik 舊版本安裝包下載方式 | How to get old version Telerik install package

Telerik 舊版本安裝包下載方式
1.登入官網
2.右上頭像選單→Account OverView

3.Downloads

4.選擇你的安裝框架
5.Version下拉選單切換版本

6.選取Installation安裝檔下載即可

2017年7月13日 星期四

Oracle SQL Developer 使用者設定路徑&顏色設定路徑 | Oracle SQL Developer user setting path & color theme setting path

from
https://stackoverflow.com/questions/7954759/where-does-oracle-sql-developer-store-connections

connection string path

\Users\[user]\AppData\Roaming\SQL Developer\system3.2.20.09.87\o.jdeveloper.db.connection.{version number}\connections.xml

----------
custome color theme setting path

\Users\[user]\AppData\Roaming\SQL Developer\system3.2.20.09.87\o.sqldeveloper.{version number}\product-preferences.xml

find below xml section:
<hash n="SyntaxColorsOptions">
┌   <value n="selectedScheme" v="{your serring name}"/>
│      <list n="styleList">
│      (copy all this section to your new setting file)
└      </list>

           

2017年5月19日 星期五

windows 工作排程器出現"工作排程器太過忙碌,無法處理您的要求,請稍後再試(0x80041323)" | Windows scheduler got Error 0x80041323

主因:
一個CONSOLE程式,裡面塞了一行CONSOLE READLINE()
排程設定時選擇 以平行執行,頻率是兩分鐘一次
造成大量的執行完程式卡在背景
達到了排程器預設的同時執行程式上限
導致其他後面啟動的排程無法執行

所以要注意不要在定時執行的排程寫會讓它卡住的東西
或者不要用工作排程器,改寫AP,以多執行序執行

(
電腦裡排程器執行程式上限的設定檔參照:
https://support.microsoft.com/zh-tw/help/2696472/error-0x80041323-when-running-high-number-of-scheduled-tasks
More Information的部分
)


2017年3月13日 星期一

Visual Studio 加入現有資料夾 | Visual Studio add existing folder to project

問題發生的緣由:
我寫了一個測試程式,後來想說可以不用測試,開始正式寫了,
就用TFS復原功能回朔到初始狀態,因為那些檔案只有建立,還沒第一次commit,
但後來又要繼續測一些東西了,所以要把回朔的測試程式加回來,
結果發現加入現有項目只有加檔案,但是已經在方案資料夾內的資料夾不知道怎麼加入

後來找到解法:
在方案總管上方按鈕找到顯示所有檔案的按鈕,按下

然後在該資料夾路徑處對虛線資料夾按右鍵選加入至專案,
就可以把連同資料夾在內的檔案全部加入了

2016年10月11日 星期二

c# oracle 撈不出資料 但developer撈有資料 | c# oracle can't get data but data can get when query on developer

環境:
VS2013& 類別庫專案 & C# & Oracle.DataAccess 4.121.1.0
情況:
在oracle developer跑一段select  有幾個變數
select blablabla from table where A=:A and B=:B and C=:C
執行結果有資料
但在C#用OracleDataReader撈到DataTable
dt.Load(odr)
撈出來卻沒資料
印出變數跟sql有正確,也沒有跳exception,
查DB的query log也沒看到有執行這段查詢....

解決:
後來發現是變數塞值的時候順序塞錯了
我寫的是
Parameters.Add("A",A)
Parameters.Add("C",C)
Parameters.Add("B",B)
但應該要照順序去塞入
Parameters.Add("A",A)
Parameters.Add("B",B)
Parameters.Add("C",C)
才可以正常的綁定變數