or
/*
* Ivelum 2012
* Alexander Skogorev
* Adds 'First' and 'Last' buttons to the pager
*/
(
function
(a,b){
function
f(a,b,d,e){
return
a({idx:b,text:d,ns:c.ns,numeric:e})}
var
c=window.kendo,d=c.ui,e=d.Pager;
var
g=e.extend({refresh:
function
(){
var
a=
this
,b,c=1,d,g=a.page(),h=a.totalPages(),i=a.linkTemplate,j=a.options.buttonCount;e.fn.refresh.call(a);
if
(g>j){d=g%j;c=d===0?g-j+1:g-d+1}b=Math.min(c+j-1,h);
if
(c>1){a.list.prepend(f(i,1,
"First"
,
false
))}
if
(b<h){a.list.append(f(i,h,
"Last"
,
false
))}}});d.plugin(g)})(jQuery)
I'm trying to open a details popup to show more details about a record in a kendoUI grid.
I've seen this sample: http://demos.kendoui.com/web/grid/detailtemplate.html
But instead of a grid, i'd like to open a popup passing the ID of the selected record.
How can I do this?
$(document).ready(function () { $("#resulttable").kendoGrid({ width: 860, groupable: false, sortable: false, scrollable: false }); });and
$(document).ready(function () { $("#invoicedetails").kendoGrid({ width: 860, groupable: false, sortable: false, scrollable: false }); });
<table id="invoicedetails"> <thead> <tr> <th ><%=Session("formfields")(453) %></th> <th ><%= Session("formfields")(958) %></th> <th ><%=Session("formfields")(323)%></th> <th ><%=Session("formfields")(961) %></th> <th ><%=Session("formfields")(348) %></th> <th ><%=Session("formfields")(963) %></th> </tr> </thead> <tbody> <% iCnt = 0 Dim strClass As String = "" For Each order In getorders.Rows Dim totalex As Decimal = order("nrprod") * order("unitprice") totalex = thisorder.round(totalex, 2) Dim totalin As Decimal = thisorder.round(totalex * (100 + order("vatperc")) / 100, 2) Dim nrunit As String = "" If CInt(order("nrprod")) <> 1 Then nrunit = order("nrprod").ToString End If%> <tr > <td ><a href="<%: Url.Action(targetaction, targetcontroller, New With {.id = ViewData("functionid"), .roleid = Session("roleid"), .invoicenr=session("invoicenr")}, Nothing) %>"><%=order("invnr") %></a></td> <td ><%=order("invline") %></td> <td ><%= order("invdate")%></td> <td><%=totalex %></td> <td ><%=order("vatperc") %>%</td> <td ><%=totalin %></td> </tr> <%iCnt = iCnt + 1 Next %> </tbody> </table>
<
script
type
=
"text/javascript"
>
$(document).ready(function () {
$("#chart").kendoChart({
dataSource: {
transport: {
read: {
type:"post",
url:"http://localhost:1038/Services/ProductService.svc/jIlBazliAnaliz",
dataType: "json",
data: '{BasTar:"2011-01-01",SonTar:"2011-12-31"}'
}
}
},
seriesDefaults: {
type: "column"
},
series: [{
field: "Sayi",
name: "Sayi"
}],
categoryAxis: {
field: "IlAdi",
labels: {
rotation:-90
}
}
});
});
</
script
>
[OperationContract]
[WebInvoke(Method = "POST", ResponseFormat = WebMessageFormat.Json, BodyStyle = WebMessageBodyStyle.Bare, UriTemplate = "jIlBazliAnaliz")]
IList<
ModelIlBazliAnaliz
> jIlBazliAnaliz(DateTime BasTar, DateTime SonTar);