Telerik Forums
Kendo UI for jQuery Forum
1 answer
279 views

Hi everybody
I have an issue with the grid when scaling the browser window. For some reason I do not understand, the grid column width properties do not get adjusted in firefox. They do however in Chrome and Internet Explorer. Take a look at the screenshot.

Is this a known issue or am I doing anything wrong here?

Best regards

Dimiter Topalov
Telerik team
 answered on 12 Jul 2016
1 answer
333 views
Is it possible to make the popup window of the MultiSelect and ComboBox resizable?
Dimiter Topalov
Telerik team
 answered on 12 Jul 2016
7 answers
1.1K+ views
I'm not sure if this is a bug or just my not understanding the limitation of the data-field property.

While using the kendo grid to transform an existing table the rendering and functionality was not working if I had a data-field name with a dash. Underscores don't seem to cause an issue only a dash.

Works:
<th data-field="rendering_engine">Rendering engine</th>

Fails:
<th data-field="rendering-engine">Rendering engine</th>
Obenaus
Top achievements
Rank 1
 answered on 12 Jul 2016
2 answers
255 views

Hi,


I found a weird problem using drag and drop in a Kendo grid. The value of the cell that was changed loses his value after clicking into another cell. When I disable the functionality of drag and drop everything just works fine.  One remark on this issue is that when I use the TAB-key to go to another cell and not the mouse-click the value remains.
You can easily simulate this by an example on the Telerik dojo http://dojo.telerik.com/ufezi . Initially in the standard example the editable property on the grid was not set.
There is also another example available here http://jsfiddle.net/UsCFK 


Can someone please provide me a solution.


Regards,

Stefan.

Stefan
Top achievements
Rank 1
 answered on 12 Jul 2016
1 answer
263 views

Hi,


We recently switched from using onclick events to using kendo tap event for our mobile app (following your suggestion in other post).

As we found out, tap events are propagating and result with unintended events. For example - when the user clicks a button in view1 which navigates to view2, clicking this button will lead to view 2 but may also cause triggering a button of view2 that was located at the same position of the button in view1. 

We also found out (following another suggestion you gave us in a different post) that using e.preventDefault()  is solving this problem.

Our app has dozens, if not hundreds, tap events. Is there a better way to add them e.preventDefault()  rather than go over all those places in the code and add it there?

Petyo
Telerik team
 answered on 12 Jul 2016
1 answer
150 views

We recently switched from using onclick events to using kendo tap event for our mobile app (following your suggestion in other post). Since then Xcode console shows us a message we never saw before:
 *** WebKit discarded an uncaught exception in the webView:willRemoveScrollingLayer:withContentsLayer:forNode: delegate: <NSInvalidArgumentException> -[WebActionDisablingCALayerDelegate willBeRemoved]: unrecognized selector sent to instance 0x147627c20

Should we be concerned because of this Xcode error message?

 

Thanks,

 

Ron.

Petyo
Telerik team
 answered on 12 Jul 2016
5 answers
724 views
i want to update using batch update with grid widget.
if I click on save changes i get this error

Unable to get value of the property 'data': object is null or undefined

any help would be gladly welcome thank you

Mygrid
$(document).ready(function () {
    var emailGridDataSource = new kendo.data.DataSource({
        transport: {
            read: {
                url: "/franchisees/stock/emailkendoread",
                dataType: "json"
            },
            update: {
                url: "/franchisees/stock/emailkendoupdate",
                dataType: "json",
                type: "POST"
            },
            parameterMap: function (options, operation) {
                if (operation !== "read" && options.models) {
                    return { models: kendo.stringify(options.models) };
                }
            }  
        },
        batch: true,
        pageSize: 25,
        schema: {
            model: {
                id: "ProductID",
                fields: {
                    ProductId: { editable: false, nullable: true },
                    Name: { editable: false, validation: { required: true } },
                    Level: { type: "number", editable: false, validation: { required: true } },
                    MinQuantity: { type: "number", editable: false },
                    OrderByThe: { type: "number", editable: false },
                    Order: { type: "number", editable: true }
                }
            }
        }
    });
 
    $("#emailGrid").kendoGrid({
        dataSource: emailGridDataSource,
        navigatable: true,
        sortable: true,
        pageable: true,
        toolbar: ["save", "cancel"],
        columns: [
            "Name",
            { field: "Level", width: 150 },
            { field: "MinQuantity", width: 100 },
            { field: "OrderByThe", width: 100 },
            { field: "Order", width: 100 }],
        editable: true
    });
});
Odd Veibust
Top achievements
Rank 1
 answered on 12 Jul 2016
1 answer
161 views
Is it possible to connect Kendo notifications to browser notifications?
Ianko
Telerik team
 answered on 12 Jul 2016
7 answers
805 views
Hello ,

I have a grid with serveroperation(false) set to have Client side filtering,sorting paging etc. the code works fine on Safari browser for Desktop. But on tablet or mobile paging, filtering, grouping all work good but sorting always invokes datasource read as if sorting is on Server side. Paging filtering or grouping will never invoke read Action and only serach TextBox text entry should invoke that. As Long as ServerOperation is set false i believe all should be Client side, why just sorting Fails and does a Server invoke?

Here is index.mobile.cshtml code
<script type="text/javascript">
function addSearch() {
return { SearchString: $('#searchbox').val() };
}

$('#searchbox').keyup(function () {
$('#Grid').data('kendoGrid').dataSource.read();
});
</script>

@model System.Data.DataTable

@(
Html.Kendo().Grid(Model).Name("Grid")
.DataSource(ds => ds.Ajax()
.Model(m =>
{
foreach (System.Data.DataColumn column in Model.Columns)
{
m.Field(column.ColumnName, column.DataType);
}
})
.Read(r => r.Action("product_Read", "Product").Data("addSearch"))
.ServerOperation(false)

)
.ToolBar(toolBar => toolBar.Template("<input class='k-textbox' id='searchbox'/>"))
.Columns(columns =>
{
for (int i = 0; i < ViewBag.ListHeader.GetLength(0); i++)
{
columns.Bound(ViewBag.ListHeader[i, 0]).Title(ViewBag.ListHeader[i, 1]);
}
})
.Pageable()
.Sortable()
.Groupable()
)
And the controller read action looks like this
public ActionResult product_Read([DataSourceRequest]DataSourceRequest request, string SearchString)
{
 
DataTable products = Products(SearchString);

return Json(products.ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
}

Nikolay Rusev
Telerik team
 answered on 12 Jul 2016
1 answer
669 views

Hi,

I have a kendo mvc grid with page size 50 and have total records of 500. I want to iterate through all grid records and get the data view for all the 500 records in java script. I'm writing it as below in the grid export excel event and getting only the first 50 records in to the view . 

 var data = this.dataSource.view();

var template = kendo.template(this.columns[0].template);      

for (var i = 0; i < data.length; i++) {

var cellvalue =template (data[i]);

}

How do I get all the 500 records and iterate through them to get the view?

Thanks

Vidya

 

 

Nikolay Rusev
Telerik team
 answered on 12 Jul 2016
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
Drag and Drop
Application
Map
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
DropDownTree
ListBox
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
Styling
ColorPicker
Pager
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
Licensing
PivotGridV2
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
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
SmartPasteButton
PromptBox
SegmentedControl
LLM Kit
+? more
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?