or
<
script
type
=
"text/javascript"
>
function RefCarrierRank_ErrorHandler(e) {
}
function RefCarrierRankEdit(e) {
if (e.container[0].cellIndex == 2) {
$(".k-selected-color").css("width", "100%");
$("#RankColor").data("kendoColorPicker").open();
}
}
</
script
>
<
div
id
=
"RefCarrierRankContainer"
>
<
h3
style
=
"margin:1px;"
>Rank Dictionary</
h3
>
@(Html.Kendo().Grid(Model.AdminModel.GlobalDictionary.RefCarrierRankModels)
.Name("RefCarrierRank")
.Columns(columns =>
{
columns.Bound(item => item.Name);
columns.Bound(item => item.Rank)
.EditorTemplateName("RefCarrierRank/Rank");
columns.Bound(item => item.RankColor)
.ClientTemplate("<
div
class
=
'k-textbox'
style
=
'background-color:#=RankColor#; width:80px; height:20px;'
></
div
>")
.EditorTemplateName("RefCarrierRank/RankColor").Width(100);
columns.Command(command =>
{
command.Destroy();
}).Width(100);
})
.ToolBar(toolbar =>
{
toolbar.Create();
toolbar.Save();
})
.Events(events =>
{
events.Edit("RefCarrierRankEdit");
})
.Editable(editable => editable.Mode(GridEditMode.InCell).CreateAt(GridInsertRowPosition.Top))
.Navigatable(navigatable => navigatable.Enabled(true))
.Pageable(pageAction =>
{
pageAction.PageSizes(new int[] { 5, Model.AdminModel.GlobalDictionary.RefCarrierRankModels.Count });
})
.Sortable()
.Scrollable()
.Filterable()
.Resizable(resize => resize.Columns(true))
.DataSource(dataSource => dataSource
.Ajax()
.Batch(true)
.ServerOperation(false)
.Events(events =>
{
events.Error("RefCarrierRank_ErrorHandler");
})
.Sort(sort =>
{
sort.Add("Rank").Ascending();
})
.Model(model =>
{
model.Id(i => i.RefCarrierRankID);
model.Field(i => i.Rank).DefaultValue(Model.AdminModel.GlobalDictionary.RefCarrierRankModels.Max(i => i.Rank) + 1);
model.Field(i => i.RankColor).DefaultValue("#a8a8a8");
})
.Read(read => read.Action("GetRefCarrierRanks", "Dictionary"))
.Create(create => create.Action("CreateRefCarrierRanks", "Dictionary"))
.Update(update => update.Action("UpdateRefCarrierRanks", "Dictionary"))
.Destroy(delete => delete.Action("DeleteRefCarrierRanks", "Dictionary"))
)
)
</
div
>
@(Html.Kendo().ColorPicker()
.Name("RankColor")
.Value("#=RankColor#")
.Opacity(true)
)
Timestamp: 3.12.2013 14:09:09
Error: TypeError: t.getAttribute is not a function
Source File: http://localhost:44112/Resources/scripts/vendor/kendoUI/js/kendo.all.min.js
Line: 9
<!DOCTYPE html>
<
html
>
<
head
runat
=
"server"
>
<
style
>
.gumb {
display: inline-block;
}
.container-gumbi {
float: right;
margin-top: 5px;
}
.kocka {
display: inline-block;
}
.kockaimg {
display: inline-block;
vertical-align: middle;
}
p.info-text {
margin: auto;
font-size: 10px;
}
p.date-text {
margin-top: 5px;
font-size: 13px;
font-weight: 800;
margin-bottom: 0px;
}
p.opis-text {
margin-top: 5px;
font-size: 11px;
font-weight: 500;
margin-bottom: 0px;
}
p.denar-text {
margin-top: 5px;
font-size: 14px;
font-weight: 800;
margin-bottom: 0px;
}
</
style
>
<
title
></
title
>
<
link
href
=
"/../../../Resources/scripts/vendor/kendoUI/styles/kendo.common.min.css"
rel
=
"stylesheet"
/>
<
link
href
=
"/../../../Resources/scripts/vendor/kendoUI/styles/kendo.default.min.css"
rel
=
"stylesheet"
/>
<
link
href
=
"/../../../Resources/scripts/vendor/kendoUI/styles/kendo.mobile.all.min.css"
rel
=
"stylesheet"
/>
<
script
src
=
"/../../../Resources/scripts/vendor/kendoUI/js/jquery.min.js"
></
script
>
<
script
src
=
"/../../../Resources/scripts/vendor/kendoUI/js/kendo.all.min.js"
></
script
>
</
head
>
<
body
>
<
div
data-role
=
"view"
id
=
"listview-templates"
data-init
=
"mobileListViewTemplatesInit"
data-title
=
"ListView"
>
<
div
class
=
"head"
> </
div
>
<
ul
id
=
"custom-listview"
></
ul
>
</
div
>
<<
script
type
=
"text/x-kendo-template"
id
=
"customListViewTemplate"
>
<
li
>
<
div
class
=
"kockaimg"
>
<
img
width
=
"50"
height
=
"50"
src
=
"../../../clipart-generic-logo-d2f5.png"
/>
</
div
>
<
div
class
=
"kocka"
>
<
h4
><
span
>#:nazivNarocnika#</
span
></
h4
>
</
div
>
</
li
>
<
li
>
<
div
class
=
"kocka"
>
<
p
class
=
"info-text"
>
Datum lansiranja:<
br
/>
</
p
>
<
p
class
=
"date-text"
>#:dtLansiranja#</
p
>
</
div
>
<
div
class
=
"kocka"
>
<
p
class
=
"info-text"
>
Datum pričetka:<
br
/>
</
p
>
<
p
class
=
"date-text"
>#:dtPricetka#</
p
>
</
div
>
<
div
class
=
"kocka"
>
<
p
class
=
"info-text"
>
Datum zaključka:<
br
/>
</
p
>
<
p
class
=
"date-text"
>#:dtZakljucka#</
p
>
</
div
>
</
li
>
<
li
>
<
p
class
=
"info-text"
>
Opis:<
br
/>
</
p
>
<
p
class
=
"opis-text"
>#:opis#</
p
>
</
li
>
<
li
>
<
div
class
=
"kocka"
>
<
p
class
=
"info-text"
>
Trenutna ponudba:<
br
/>
</
p
>
<
p
class
=
"denar-text"
>#:cena# €</
p
>
</
div
>
<
div
class
=
"container-gumbi"
>
<
div
class
=
"gumb"
>
<
a
class
=
"k-button"
data-icon
=
"add"
style
=
"font-size: 10px"
data-role
=
"button"
href
=
""
>Dodaj ponudbo</
a
>
</
div
>
<
div
class
=
"gumb"
>
<
a
class
=
"k-button"
data-icon
=
"info"
style
=
"font-size: 10px"
data-role
=
"button"
href
=
""
>Podrobno</
a
>
</
div
>
</
div
>
</
li
>
</
script
>
<
script
>
var groupedData = [
{ nazivNarocnika: "Narocnik d.d.", dtLansiranja: "18.5.2013", dtPricetka: "21.5.2013", dtZakljucka: "5.6.2013", opis: "Bla bla bla.", cena: "8.000,00" },
{ nazivNarocnika: "Narocnik d.d.", dtLansiranja: "18.5.2013", dtPricetka: "21.5.2013", dtZakljucka: "5.6.2013", opis: "Bla bla bla.", cena: "8.000,00" },
{ nazivNarocnika: "Narocnik d.d.", dtLansiranja: "18.5.2013", dtPricetka: "21.5.2013", dtZakljucka: "5.6.2013", opis: "Bla bla bla.", cena: "8.000,00" },
{ nazivNarocnika: "Narocnik d.d.", dtLansiranja: "18.5.2013", dtPricetka: "21.5.2013", dtZakljucka: "5.6.2013", opis: "Bla bla bla.", cena: "8.000,00" }
];
function mobileListViewTemplatesInit() {
$("#custom-listview").kendoMobileListView({
dataSource: kendo.data.DataSource.create({ data: groupedData }),
template: $("#customListViewTemplate").html(),
headerTemplate: "Ime razpisa"
});
}
var app = new kendo.mobile.Application($("#mjav"), {
skin: 'flat'
});
</
script
>
<
script
>
var app = new kendo.mobile.Application(document.body);
</
script
>
</
body
>
</
html
>
<!--Home-->
<
div
data-role
=
"view"
id
=
"view-home"
data-layout
=
"drawer-layout-home"
data-title
=
"ZUOL.CH APP"
>
<
div
>
<
div
data-role
=
"content"
class
=
"view-content"
>
<
div
id
=
"home-vers-markus"
class
=
"boxshadow"
>
<
h4
>
Klicken Sie oben links auf das Icon um die Navigation zu öffnen
</
h4
>
<
h5
>Firmen, Vereine, Gemeinden, Links und vielese mehr.</
h5
>
</
div
>
</
div
>
</
div
>
</
div
>
<!-- Drawer Home-->
<
div
data-role
=
"drawer"
id
=
"my-drawer-home"
style
=
"width: 270px"
data-views
=
"['/', 'view-home', 'view-home','view-witz', 'view-bild', 'view-wort']"
>
<
h1
>ZUOL.CH App</
h1
>
<
ul
data-role
=
"listview"
data-type
=
"group"
class
=
"nobackground"
>
<
li
>
<
ul
>
<
li
data-icon
=
"home"
id
=
"dl-firmen"
class
=
"dl-firmen"
>
<
a
href
=
"firmen.html#firmen-home"
data-transition
=
"none"
>Firmen</
a
>
</
li
>
<
li
data-icon
=
"contacts"
id
=
"dl-vereine"
class
=
"dl-verein"
>
<
a
href
=
"#view-vereine"
data-transition
=
"none"
>Vereine</
a
>
</
li
>
<
li
data-icon
=
"bookmarks"
id
=
"dl-gemeinden"
class
=
"dl-gemeinden"
>
<
a
href
=
"#view-gemeinden"
data-transition
=
"none"
>Gemeinden</
a
>
</
li
>
<
li
data-icon
=
"settings"
id
=
"dl-links"
class
=
"dl-links"
>
<
a
href
=
"#view-links"
data-transition
=
"none"
>Links</
a
>
</
li
>
<
li
data-icon
=
"settings"
id
=
"dl-links"
class
=
"dl-bild"
>
<
a
href
=
"#view-bild"
data-transition
=
"none"
>Bild des Tages</
a
>
</
li
>
<
li
data-icon
=
"settings"
id
=
"dl-links"
class
=
"dl-witz"
>
<
a
href
=
"#view-witz"
data-transition
=
"none"
>Witz des Tages</
a
>
</
li
>
<
li
data-icon
=
"settings"
id
=
"dl-links"
class
=
"dl-links"
>
<
a
href
=
"#view-wort"
data-transition
=
"none"
>Wort zum Tag</
a
>
</
li
>
</
ul
>
</
li
>
<
li
>
<
ul
>
<
li
data-icon
=
"about"
>
<
a
href
=
"#drawer-about"
data-transition
=
"none"
>Über ZUOL.CH</
a
>
</
li
>
<
li
data-icon
=
"globe"
>
<
a
href
=
"#drawer-web"
data-transition
=
"none"
>www.zuol.ch</
a
>
</
li
>
</
ul
>
</
li
>
<
li
>
<
ul
>
<
li
data-icon
=
"action"
id
=
"dl-log-out"
>
<
a
id
=
"bt_exit"
onclick
=
"exitFromApp()"
data-icon
=
"history"
>
Exit
</
a
>
</
li
>
</
ul
>
</
li
>
</
ul
>
</
div
>
<!-- Layout Home-->
<
div
data-role
=
"layout"
data-id
=
"drawer-layout-home"
>
<
header
data-role
=
"header"
>
<
div
data-role
=
"navbar"
>
<
a
data-role
=
"button"
data-rel
=
"drawer"
href
=
"#my-drawer-home"
data-icon
=
"drawer-button"
data-align
=
"left"
></
a
>
<
span
data-role
=
"view-title"
>ZUOL.CH</
span
>
</
div
>
</
header
>
</
div
>
<!-- Firmen -->
<
div
data-role
=
"view"
id
=
"view-firmen-home"
data-layout
=
"drawer-layout-home"
data-title
=
"Firmen"
>
<
div
>
<
div
data-role
=
"content"
class
=
"view-content"
>
<
h2
>Suchen nach</
h2
>
<
ul
data-role
=
"listview"
data-style
=
"inset"
data-type
=
"group"
>
<
li
>
<
ul
>
<
li
>
<
a
href
=
"#view-firmen-branchen"
>Branche</
a
>
</
li
>
</
ul
>
</
li
>
</
ul
>
<
ul
data-role
=
"listview"
data-style
=
"inset"
data-type
=
"group"
>
<
li
>
<
ul
>
<
li
>
<
a
href
=
"#view-firmen-ort"
>Ort</
a
>
</
li
>
</
ul
>
</
li
>
</
ul
>
<
ul
data-role
=
"listview"
data-style
=
"inset"
data-type
=
"group"
>
<
li
>
<
ul
>
<
li
>
<
a
href
=
"#view-firmen-a-z"
>Alphabet</
a
>
</
li
>
</
ul
>
</
li
>
</
ul
>
</
div
>
</
div
>
</
div
>
<!-- Branchen -->
<
div
data-role
=
"view"
id
=
"view-firmen-branchen"
data-init
=
"getBranchen"
data-layout
=
"drawer-layout-firmen"
data-title
=
"Firmen nach Branche"
>
<
div
data-role
=
"content"
class
=
"view-content"
>
<
ul
id
=
"filterable-branchen"
class
=
"listen"
></
ul
>
</
div
>
<
script
type
=
"text/x-kendo-tmpl"
id
=
"firmen-branchen-template"
>
<
div
class
=
"km-listview-link"
>
<
a
href
=
"javascript:getFirmen('branche','#:User_branche#')"
>
<
span
>#:User_branche#</
span
>
</
a
>
</
div
>
</
script
>
</
div
>
<!-- Drawer Firmen-->
<
div
data-role
=
"drawer"
id
=
"my-drawer-firmen"
style
=
"width: 270px"
data-views
=
"['/', 'view-firmen-branche','view-firmen-ort']"
>
<
h1
>ZUOL.CH App</
h1
>
<
ul
data-role
=
"listview"
data-type
=
"group"
class
=
"nobackground"
>
<
li
>
<
ul
>
<
li
data-icon
=
"home"
id
=
"dl-home"
class
=
"dl-home"
>
<
a
href
=
"#drawer-home"
data-transition
=
"none"
>Zurück</
a
>
</
li
>
<
li
data-icon
=
"home"
id
=
"dl-firmen"
class
=
"dl-firmen"
>
<
a
href
=
"firmen.html#view-firmen-branche"
data-transition
=
"none"
>Branch</
a
>
</
li
>
<
li
data-icon
=
"contacts"
id
=
"dl-vereine"
class
=
"dl-verein"
>
<
a
href
=
"firmen.html#view-firmen-ort"
data-transition
=
"none"
>Ort</
a
>
</
li
>
<
li
data-icon
=
"bookmarks"
id
=
"dl-gemeinden"
class
=
"dl-gemeinden"
>
<
a
href
=
"firmen.html#view-firmen-a-z"
data-transition
=
"none"
>A - Z</
a
>
</
li
>
</
ul
>
</
li
>
</
ul
>
</
div
>
<!-- Layout Firmen-->
<
div
data-role
=
"layout"
data-id
=
"drawer-layout-firmen"
>
<
header
data-role
=
"header"
>
<
div
data-role
=
"navbar"
>
<
a
data-role
=
"button"
data-rel
=
"drawer"
href
=
"#my-drawer-firmen"
data-icon
=
"drawer-button"
data-align
=
"left"
></
a
><
a
data-role
=
"button"
data-rel
=
"drawer"
href
=
"#my-drawer-firmen"
data-icon
=
"drawer-button"
data-align
=
"left"
></
a
>
<
span
data-role
=
"view-title"
>ZUOL.CH - Firmen</
span
>
</
div
>
</
header
>
</
div
>