Czy możliwe jest korzystanie z dojo (w szczególności sieci) z MVC-2? Każdy przykład / pomysły na temat tego, jak możemy z niego korzystać?
Odpowiedzi:
4 dla odpowiedzi № 1Nie widzę różnicy między MVC2 i innymi typami aplikacji ...
Powinieneś przeczytać o siatka dojo
Przede wszystkim musisz wczytać skrypt dojo (lepiej, jeśli zrobisz to na stronie wzorcowej). Możesz także dodać kilka stylów css do siatki dojo za pomocą:
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>
Następnie należy dodać jakiś kod w celu inicjalizacji siatki dojo, np .:
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>
...
Rezultatem tego kodu jest: