Telerik Forums
Kendo UI for jQuery Forum
0 answers
93 views
I've got a grid that is declaratively bound:
data-role="grid" data-bind="source = logEntries"

One of the columns is a Log Level column.  The data source field (Level) is an integer. I have that column declared with the template 
"template": "#= viewModel.getLogLevelAsName(Level) #"
that converts the integer into a human-friendly display name.  A human doesn't know the difference between log level "2" and log level "5" but certainly knows the difference between log level "Debug" and log level "Error."  This works out great because when the user sorts, they are sorting on the relative underlying value (the log level number) and not the display text.

That said, when I group by that column, the underlying data (log level number) shows to the user (see attached screenshot).  I'd like to run that number through the same
viewModel.getLogLevelAsName(...)
method.

Or maybe I'm missing something?  For example, some baked-in way to provide a lookup (display) value for items in a grid (besides using a manually-written template)?  Something like the ability to assign a column a "lookup data source" (data-display pair) so that the underlying data is always shown to the user based on the results of the lookup.
Chad
Top achievements
Rank 1
 asked on 01 May 2012
0 answers
70 views
Hi All:

Pretty sure it's a configuration issue.  When I load the WCF CRUD demo into Visual Studio, build, and run, I'm getting the following message when attempting to add a new record (grid is initially blank, btw):

Error: 'ProductID' is null or not an object.

Configuration uses SQL Server 2008 Express.  Could that be the problem, I wonder?

Dave
David Holland
Top achievements
Rank 1
 asked on 01 May 2012
1 answer
85 views
Just a small tip for everyone out there....
If the editor appears 'disabled' in Chrome (like in the attached screenshot) the likely reason is that it's been initialized outside $(document).ready(). 

Just move it inside $(document).ready() to fix it.  I found this out the hard way :)
Alex Gyoshev
Telerik team
 answered on 01 May 2012
2 answers
226 views
this code is part of my last project,it can be execute right.
$(document)
            .ready(
                    function() {
                        var dataSource = new kendo.data.DataSource(
                                {
                                    transport : {
                                        read : {
                                            url : "${pageContext.request.contextPath}/queryAllBusLineServlet",
                                            dataType : "json"
                                        },
                                        update : {
                                            url : "${pageContext.request.contextPath}/updateBusLineServlet"
                                        }
                                    },
                                    batch : true,
                                    schema : {
                                        model : {
                                            id : "id",
                                            fields : {
                                                id : {
                                                    editable : false
                                                },
                                                name : {
                                                    editable : true
                                                }
                                            }
                                        }
                                    }
                                });
                        $("#grid").kendoGrid( {
                            sortable : true,
                            dataSource : dataSource,
                            pageable : true,
                            height : 600,
                            columns : [ {
                                field : "id",
                                title : "id",
                                editable : false
                            }, {
                                field : "name",
                                title : "name"
                            }, {
                                command : [ "edit" ]
                            } ],
                            editable : "popup"
                        });
                    });

in next project ,i write like that,
var url = "${pageContext.request.contextPath}/querySamplesServlet?status="
                + status;
        var dataSource = new kendo.data.DataSource(
                {
                    transport : {
                        read : {
                            url : url,
                            dataType : "json"
                        },
                        update : {
                            url : "${pageContext.request.contextPath}/updateSampleServlet"
                        }
                    },
                    batch : true,
                    schema : {
                        model : {
                            id : "id",
                            fields : {
                                id : {
                                    editable : false
                                },
                                name : {
                                    editable : false
                                },
                                status : {
                                    editable : true
                                }
                            }
                        }
                    }
                });
        $("#samples").kendoGrid( {
            sortable : true,
            dataSource : dataSource,
            pageable : true,
            height : 600,
            columns : [ {
                field : "id",
                title : "id",
                editable : false
            }, {
                field : "name",
                title : "name",
                editable : false
            }, {
                field : "status",
                title : "status"
            }, {
                command : [ "edit" ]
            } ],
            editable : "popup"
        });

here is the problem,it has no error or warning in chrome console,but the edit button shows "undefined",and while i edit status,it just doesn't work,no data send to server.
Chris Foster
Top achievements
Rank 1
 answered on 01 May 2012
3 answers
351 views
Hi guys,

Im having trouble getting an editor to working inside a jquery dialog box. The result of the code below is that the the editor is drawn very small and you are unable to enter any text.

Any help you might be would be greatly appreciated.
<div id="createBulletinDialog" style="display: none;" title="Create Bulletin">
<p>
    Fill in the form below to create a new bulletin
</p>
<table width="100%">
    <tr>
        <th>
            Name:
        </th>
    </tr>
    <tr>
        <td>
            @Html.TextBoxFor(n => n.Name, new { name = "Name" })
        </td>
    </tr>
    <tr>
        <th>
            Message:
        </th>
    </tr>
    <tr>
        <td>
            @*@Html.TextBoxFor(n => n.Message, new { name = "Message" })*@
            <textarea id="editor" name="Message" rows="10" style="width: 100%;"></textarea>
        </td>
    </tr>
</table>
    </div>
Alex Gyoshev
Telerik team
 answered on 01 May 2012
1 answer
124 views
Most of the examples on the website demonstrate attaching the select event in documentReady method.

var
treeView = $("#treeView").data("kendoTreeView");
How can I attach the select event of 'treeView' to an onSelect function? Could you please also suggest how to detach the event?
Richard
Top achievements
Rank 1
 answered on 01 May 2012
0 answers
54 views
When I aggregate a grid on a certain column, the column will be displayed in the groupheadertemplate of the field. The problem is that the field is also displayed in the grid as a column. Is there a way to disable this column in the grid and only show the groupheader template?
 
Andre Broers
Top achievements
Rank 1
 asked on 01 May 2012
1 answer
228 views
I'm trying to set the width of controls in my form but I noticed that the combobox tends to be a little shorter than the other elements with the same width.
Here is a sample http://jsfiddle.net/sitty/PLdGS/8/ I have one input text control and another kendo ComboBox both with width set to 300 but the combo box appears to be a little shorter than the input control.
Iliana Dyankova
Telerik team
 answered on 01 May 2012
2 answers
110 views
We have downloaded a trial of Kendo Mobile.

I have an empty project in visual studio 2010.  I have then added a new html file.

In the same project, I added a "js" folder to which I added the javascript files. 

I have also added a "styles" folder in which I added the css files included in the zip downloaded for the trial

Whenever I open one of these css files, Visual Studio 2010 Premium crashes:  "Microsoft Visual Studio 2010 has stopped working".  This happens each and every time without fail and happens whenever I open a css file from the zip.  When I open another css file I created myself, it does not crash.

I am using Windows 7 Professional 32-bit.

Any ideas what I could be missing or what could be causing the issue?
Dimo
Telerik team
 answered on 01 May 2012
0 answers
113 views
<script id="rowTemplate" type="text/x-kendo-tmpl">

<input name="domainCode" id= "domainCode" type="text" readOnly="true" value="#= Name #" >

</script>


if User enter new value then click on submit button. automatically text box values become blank or empty.


Please assist me

Thanks in advance.
Atit
Top achievements
Rank 1
 asked on 01 May 2012
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?