PDA

View Full Version : How to move to the link page when the line onon Grid is selected.



tomomi
13 Oct 2007, 6:28 AM
I want to move to the link page when the row on the Grid is selected.
The Grid has RowSelectionModel.


var grid = new Ext.grid.Grid('topic-grid', {
ds: ds,
cm: cm,
selModel: new Ext.grid.RowSelectionModel({singleSelect: true}),
enableColLock: false,
loadMask: true
});

I refered 'Paging Grid Example' used paging.js.

I want to put the link though the color changes when selecting the row.

Also, I could put the link on text in Grid.
Please, teach me how to do.

mystix
13 Oct 2007, 9:51 AM
i'm assuming you're referring to the Paging and Remote Datasets (http://extjs.com/deploy/ext/examples/grid/paging.html) example in the 1.1.1 Documentation Center.


are you trying to put a hyperlink into a Grid cell?
or are you trying to open the corresponding forum page when a cell in the "Topic" column is clicked?


p.s. tomomi さんは日本人ですか?

tomomi
16 Oct 2007, 7:53 PM
mysitixさん。お返事ありがとうございました。
お察しのとおり、恥ずかしながら英語もプログラミングもままならない日本人です。

相談内容を日本語で書かせていただいてもよろしいでしょうか?

mystix
17 Oct 2007, 10:46 PM
相談内容を日本語で書かせていただいてもよろしいでしょうか?

いいですよ。でも、私は日本人じゃありませんから (シンがポール人です)、簡単な日本語で説明してください。
(p.s. pls pardon my grammatical mistakes. i'm still learning :">)

tomomi
17 Oct 2007, 11:41 PM
そうなんですか!それにしては日本語上手ですね!
ぜんぜん気づきませんでした :)

では、さっそく質問させていただきます。
Paging and Remote Datasets を参考に、RowSelectionModelのグリッドを作成しました。
そこで、ある行を選択すると、そのデータの詳細ページへ飛ぶようにリンクを張りたいのですが、
on('click'・・・)など使って飛ぶようにできないでしょうか?

mystix
18 Oct 2007, 6:30 AM
そうなんですか!それにしては日本語上手ですね!
ぜんぜん気づきませんでした :)

いえいえ、まあまあです。



では、さっそく質問させていただきます。
Paging and Remote Datasets を参考に、RowSelectionModelのグリッドを作成しました。
そこで、ある行を選択すると、そのデータの詳細ページへ飛ぶようにリンクを張りたいのですが、
on('click'・・・)など使って飛ぶようにできないでしょうか?

はい。大体わかりました。(i hope ;))

Paging and Remote Datasets を参考に, グリッドのconfiguration(形状??)はこのとおりを変えってください(i hope i got all that right... :D)


var grid = new Ext.grid.Grid('topic-grid', {
ds: ds,
cm: cm,
selModel: new Ext.grid.RowSelectionModel({singleSelect:true}),
enableColLock:false,
loadMask: true,
listeners: { // グリッドのevents(事件??)はこのページ (http://localhost:8080/ext-1.1.1/docs/output/Ext.grid.Grid.html#events)で見えます
rowclick: function(g, r, e) {
window.open('http://extjs.com/forum/showthread.php?p=' + g.getDataSource().getAt(r).id);
}
}
});

tomomi
18 Oct 2007, 5:42 PM
mystixさん

おかげさまでrowclickするとリンクに飛ぶという、期待通りのアクションが行えました :)
親切に教えていただきありがとうございました。

もし、よければ今後もわからないとき助けていただけないでしょうか?
if you don't mind, can i add you to my buddy list?

PS.頼まれていたので、少しだけ;)
日本で使われるプログラミング用語はたいてい英語をカタカナで表記しただけのものが多いです。

configuration → 略して「コンフィグ」あるいは「設定」と訳すといいと思います。
events → これはこのまま「イベント」と訳すだけでOKです。

mystix
20 Oct 2007, 9:18 PM
いえいえ、まあまあです。


はい。大体わかりました。(i hope ;))

Paging and Remote Datasets を参考に, グリッドのconfiguration(形状??)はこのとおりを変えってください(i hope i got all that right... :D)


var grid = new Ext.grid.Grid('topic-grid', {
ds: ds,
cm: cm,
selModel: new Ext.grid.RowSelectionModel({singleSelect:true}),
enableColLock:false,
loadMask: true,
listeners: { // グリッドのevents(事件??)はこのページ (http://localhost:8080/ext-1.1.1/docs/output/Ext.grid.Grid.html#events)で見えます
rowclick: function(g, r, e) {
window.open('http://extjs.com/forum/showthread.php?p=' + g.getDataSource().getAt(r).id);
}
}
});


apologies. forgot to translate that chunk.

in english:
the code above extends the "Paging and Remote Datasets" example in the 1.1.1 Doc Centre (additions are in red -- a simple rowclick handler was added) by popping open the relevant topic in a new browser window whenever a topic row in the Grid is clicked.

ともみさん: もうprivate msgで返事しました。:)