Some issues about edit and filter
5 Replies
Hi Jacob,
Thanks for using Syncfusion products.
Query #1: “The first issue is I want the Kanban edit mode can use Inline mode like Grid control inline edit mode. Base on it, the second issue is if one of the display property is boolean, I hope it could display as a checkbox.”
We have analyzed your requirement for “Kanban inline edit mode". As this feature is not available in our product, we will consider this as a feature request. If you could confirm some specific details, it would help us to implement the feature in line with your requirement.
Please review the following screen shot and description of the feature and let us know if it conforms your requirement. If our definition of this feature is different from your requirement, then let us know the specific details, so that we can work towards fulfilling your requirement.
Description: If you click card edit button, then inside the card all editing fields are shown an editable text box except primary key value. If editing fields specified as a boolean, then show the check box when you click the card edit button.
Query #2: “Kanban is about the filters button, I want it could be made from user not from the server.”
We had created Kanban sample with custom filter. We have created text boxes and buttons in Kanban custom toolbar items using actionComplete event. We will get current text box values and pass these values into a query and passed this query into filterCards public method when you will click “Filter” button. We will clear the filtering using “clearFilter” public method when you click “Clear” button. Please find the below code.
|
KanbanFeatures.cshtml
@(Html.EJ().Kanban("Kanban")
…………………..
.AllowFiltering(true) // Enabled filtering
.CustomToolbarItems(tool =>
{
tool.Template("#DynamicFilter").Add(); // template to render custom toolbar items
})
.ClientSideEvents(eve => eve.ActionComplete("complete")) // Action Complete event
)
|
|
KanbanFeatures.cshtml
<script>
var ddlData = ["equal", "notequal"];
function complete(args) {
$('#operator').ejDropDownList({// Created dropdown list for operator
dataSource: ddlData,
width: "150px",
watermarkText: "Operators",
fields: { text: "text", value: "text" }
});
$('#fieldName').ejMaskEdit({ inputMode: ej.InputMode.Text, watermarkText: "Field Name"}); // Created input text box
$('#value').ejMaskEdit({ inputMode: ej.InputMode.Text, watermarkText: "Value"});// Created input text box
$('#button').ejButton({ click: onClick, width: "100px" });// Created button
$('#clear').ejButton({ click: clear, width: "100px"});
}
function onClick(args) { // This event triggered when filter button click
var kanbanObj = $("#Kanban").data("ejKanban"), kbnQuery = ej.Query();
var queryField = $("#fieldName").val(), queryOperator = $("#operator").val(), queryValue = $("#value").val();// Get input values
if (kbnQuery.queries.length > 0 && !ej.isNullOrUndefined(kbnQuery.queries[0].e.predicates))
kbnQuery.queries[0].e.predicates.push(new ej.Predicate(queryField, queryOperator, queryValue, true));
else {
var predicates = [];
predicates.push(new ej.Predicate(queryField, queryOperator, queryValue, true)); // Created ej.Predicate
kbnQuery.where(ej.Predicate["and"](predicates)) // Add where query
}
kanbanObj.KanbanFilter.filterCards(kbnQuery) // Passed query into filterCards public method
}
function clear() { // This event triggered when clear button click
var kanbanObj = $("#Kanban").data("ejKanban");
$("#fieldName").val("");
$("#value").val("");
$("#operator").ejDropDownList({text: ""});
kanbanObj.KanbanFilter.clearFilter();// Clear filter
}
</script>
<script id="DynamicFilter" type="text/x-jsrender"> // Custom tool bar template
<table>
<td><label class="custom">Custom Filter:</label></td>
<td><input type="text" id="fieldName" /></td>
<td><input type="text" id="operator" /></td>
<td><input type="text" id="value" /></td><td> </td>
<td><button type="button" id="button">Filter</button></td>
<td><button type="button" id="clear">Clear</button></td>
</table>
</script> |
Please refer to the following KB link:
API links:
Sample: http://www.syncfusion.com/downloads/support/forum/132306/ze/Process_bindings_-_Copy383426349
Regards,
Buvana S.
SIGN IN To post a reply.
