el-UI 表格文字帶入button或超連結

表格文字帶入Button         

<el-table :data="td_comDevList" border style="width: 100%" header-align="center">           
                <el-table-column prop="communityName" label="社區名稱" width="250">
                    <template slot-scope="scopeComDetail">
                        {{scopeComDetail.row.communityName}}
                        <el-button size="mini" icon="el-icon-view" v-on:click="getID(scopeComDetail.row.community_id)"></el-button>
                    </template>
                </el-table-column>

</el-table >

表格文字是hyperlink

<el-table :data="td_comDevList" border style="width: 100%" header-align="center">           
                <el-table-column prop="communityName" label="社區名稱" width="250">
                    <template slot-scope="scopeComDetail">
<a :href="'http://google.com'" target="_blank" class="buttonText"> {{scopeComDetail.row.communityName}}</a>
                    </template>
                </el-table-column>

</el-table >

SQL整理

TableA.欄位A 是 TableB.欄位B 的 字串
-> 需求: where TableB.欄位B like '%TableA.欄位A%'
-> 範例
SELECT * from  tab約工單 w,IP異動紀錄 ip
WHERE w.預約時間 like '20180613%'
and ip.IP字串 LIKE CONCAT('%',CONCAT(w.客戶編號, '%'))


TableA.欄位A是是時間格式
-> 需求: where TableA.欄位A like '%2018-01-01%'
-> 範例
CONVERT(varchar(100), TableA.欄位A, 23) like '2018-06-12%'

sorting DataView

程式背景:
DataView1, DataView2, 分別從不同資料庫取得同欄位的值
最後的DataView1被merged.
DataView1.Table.Merge(DataView2.Table)

需求: merged後的DataView1要sorting By 欄位A

解法:
DataView1.Sort = "欄位A DESC"

C# 資料庫基礎

C# 資料庫基礎


MS SQL Server 新增 刪除 更新 查詢 四大基本指令 from Peter Dot Net
https://dotblogs.com.tw/peterdotnet/2010/12/24/20354#disqus_thread

C# 連結資料庫 修改資料庫資料(INSERT, UPDATE, DELETE) from 程設小窩
https://sites.google.com/site/myprogramminghome/c-lian-jie-zi-liao-ku

實作範例 from PROGRAMMING
http://myericho.blogspot.tw/2014/05/c-sqlserver.html


dateTime 在 ExecuteNonQuery的時候會有error:
 cmd.Parameters.Add("@Datetime", System.Data.SqlDbType.DateTime).Value = DateTime.Now;

ajax success 與 javascript function return

function getDataByID(id) {
    var sValue = "";
    alert("1");
    $.ajax({
     
        type: 'GET',
        url: 'API url',
        data: { id: id },
        dataType: "json",
        beforeSend: function () {
        },
        success: function (data) {
            console.log(data);
            if (data.Data.length > 0) {
                sValue = data.Data[0].Name.toString();
             
                alert("2");
            }
        }
    })
 
    alert("3");
    return sValue;
}


ajax為非同步, alert顯示方式會是 1 -> 3 ->2
加入async: false 至ajax中, alert 顯示方式即為 1 -> 2 ->3
.......
$ajax{
async: false,
....

javascript 取得 select option 複選值

需求:
有二個Selector  selectA & selectB, selectB的值是根據selectA所產生, 且selectA為複選



<div>
<select class="selectpicker"  id="city" onchange="getUserSelect()" title="Multiple Selector" data-actions-box="true" data-live-search="true" multiple></select>
</div>

//get user option on selectA
function getUserSelect() {
    var selectCity = $('#city').val();
    var scity = "";

    if (!selectCity) {
        alert("No");
    } else {
        for (var i = 0; i < selectCity.length; i++) {
            scity = scity + selectCity[i];
        }
    }
    //call selectB function.
}

javascript 網址間相互傳值

A網址URL : localhost/test/newOpen.aspx?A=TestingA&B=TestingB&C=TestingC

需求: 取得A網址中Request("C")的值, 並以javascript帶入B網址中

預期 B網址URL : localhost/test/editOpen.aspx?editA=editA&C=TestingC

解法:

  前端藏欄位 -> 後端取值 -> 丟回前端, 串回URL

  

Client端: 

 <input id="getC" type="hidden" runat="server" />   

Server端:

getC.Value=Request("C")

Javascript部份:

window.open("URL?&C=" + document.getElementById('getC').value + "");