iT邦幫忙

0

flexigrid新增button在每行後

  • 分享至 

  • xImage

請問有人知道如何利用flexigrid.js包增加button在每一筆資料的最後面而不是新增在上方?

colModel: [
    {display: "ID",    name : 'ChannelID',   width : 50,   sortable :  true, 	align: 'center'},
    {display: "Name",  name : 'DeviceName',  width : 150,  sortable : false, 	align: 'center'},
    {display: "Delete",name : 'Delete',      width : 180,  sortable : false, 	align: 'center'},
    {display: "Edir",  name : 'Edit', 	     width : 180,  sortable : false, 	align: 'center'}
],

Delete、Edit是我想放button的欄位

看更多先前的討論...收起先前的討論...
只是好奇,align改成right沒效果嗎?XD
那是只是內容的對齊方式而已,改成right內容會往右對齊
fillano iT邦超人 1 級 ‧ 2019-01-16 16:24:36 檢舉
看他在github上的東西已經是五年前的XD,不過有個wiki文件簡單說明用法:
https://github.com/paulopmx/Flexigrid/wiki
但是從各種參數看起來,沒有能達成你目的的東西。

看了一下程式...恐怕你得自己去改出這個功能來。也許可以考慮去fork出來改。
好的
好的
fillano iT邦超人 1 級 ‧ 2019-01-16 16:47:26 檢舉
他的global參數可以傳入一個__mw物件,用裡面的datacol函數來產出格式化每個grid的html字串,看起來可以不用改code,而是從這裡下手。
收到
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

1

幫你看了一下這支js,他的樣版是固定的。
看了一下,也沒有可以調整的參數可以用。
你看樣子還是得從修改js下手。

大致上有幫你看了一下。
如果要直接改到資料列下的話。

你先找到

//set toolbar
if (p.buttons) {
.....(省略不po出)
}

這段程式碼。先將它剪下來。
然後再找到

// add pager
		if (p.usepager) {
        ....(省略不po出)
        }

貼到其下面試試看。
不過我沒實際測試,懶的下載回來試。就大略的看一下程式碼。
實際去調整看看就知道了。

這套已經很舊的表格套件了說。因該要找找比較新的套件會比較好。

看更多先前的回應...收起先前的回應...

好的,我先改改看js的部分

fillano iT邦超人 1 級 ‧ 2019-01-16 16:50:14 檢舉

仔細看了一下,他有一個__mw參數,所有grid內容都是他處理然後產生要掛給td.innerHTML的字串,從這裡跟資料格式下手,也許就不用改程式。

fillano iT邦超人 1 級 ‧ 2019-01-16 16:50:51 檢舉

只要寫好一個自訂的__mw就可以解決問題。

fillano iT邦超人 1 級 ‧ 2019-01-16 16:53:19 檢舉

請參考他原始碼的120~129行。

我也是有看到這個,只是我擔心教他從這邊改可能會反而比較複雜。
所以就用最簡單的方式。
雖然我也不確定是否可行。

反正這程式也夠老了。

fillano iT邦超人 1 級 ‧ 2019-01-16 16:56:41 檢舉

XD

我剛注意到發文者的需求。是要在每一筆資料的後面加按鍵。
沒注意看需求是我不對@@"
(不過我想add鍵加到資料列後面因該沒意義才對)

我上面的教法只是將控制功能最移到資料列表下而已。

這樣的話,確實是需要從mw那邊下手。

哇!!這樣就不好處理了,搞不好還得要處理好欄位寬度的控制了。

這沒辦法一言兩語就能解釋了。

我先從兩位說的那部分繼續下手,非常感謝

我要發表回答

立即登入回答