Je možné používať dojo (najmä mriežku) s MVC-2? Akýkoľvek príklad / nápady, ako ho môžeme použiť?
odpovede:
4 pre odpoveď č. 1Nevidel som rozdiel medzi MVC2 a inými typmi aplikácií ...
Mali by ste si prečítať dojo mriežka
Najprv musíte načítať dojo skript (bolo by lepšie, keby ste to urobili na hlavnej stránke). Tiež môžete pridať niektoré css štýly, ktoré dojo mriežku pomocou:
Site.Master:
<html>
<head>
...
<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js" djconfig="parseOnLoad: true"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css" />
<style type="text/css">
@import "http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojox/grid/resources/Grid.css";
@import "http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojox/grid/resources/claroGrid.css";
.dojoxGrid table
{
margin: 0;
}
</style>
...
</head>
....
</html>
Po tom by ste mali pridať nejaký kód do pohľadu inicializovať dojo mriežku, napr .:
index.aspx:
...
<script>
dojo.require("dojox.grid.DataGrid");
dojo.require("dojo.data.ItemFileReadStore");
var layoutCountries = [
[{
field: "abbr",
name: "Abbeviation",
width: 10
},
{
field: "name",
name: "Name",
width: 10
},
{
field: "capital",
name: "Capital",
width: "auto"
}]];
var storeData = {
identifier: "abbr",
label: "name",
items: [{
abbr: "ec",
name: "Ecuador",
capital: "Quito"
},
{
abbr: "eg",
name: "Egypt",
capital: "Cairo"
},
{
abbr: "sv",
name: "El Salvador",
capital: "San Salvador"
},
{
abbr: "gq",
name: "Equatorial Guinea",
capital: "Malabo"
},
{
abbr: "er",
name: "Eritrea",
capital: "Asmara"
},
{
abbr: "ee",
name: "Estonia",
capital: "Tallinn"
},
{
abbr: "et",
name: "Ethiopia",
capital: "Addis Ababa"
}]
}
</script>
<div style="width: 400px; height: 300px;">
<div dojotype="dojo.data.ItemFileReadStore" jsid="countryStoreForGrid" data="storeData">
</div>
<div id="grid" dojotype="dojox.grid.DataGrid" store="countryStoreForGrid" structure="layoutCountries"
queryoptions="{deep:true}" query="{}" rowsperpage="40">
</div>
</div>
...
A výsledok tohto kódu je: