cuppalabs / angular2-datagrid Goto Github PK

Reading through the code, I couldn't find any api supporting row click listeners. Is this feature wip? PRs accepted?

Hi,

It would be good to have a maximum allowed number of selections and if exceed disable checkboxes for the rest. For example lets say that my dropdown loads 100 items. I only want it to select maximum 20 items. if the user selects 20 items then the other checkboxes should be disabled and an event should be fired.

Thanks

existing style format below
.vcolumn{
display: inline-block;
padding: 5px;
border-right: 1px solid black;

}
I created new style
.vcolumnAlt{
display: inline-block;
padding: 5px;
border-right: 1px solid black;
background: gary (added)

}

.data-grid > .container > .vcolumnalter:hover{
background: -webkit-linear-gradient(black,gray);;
}

in HTML I use

issue# 1: mouse hover not working for dynamically added for vcolumnAlt.
2nd how to make record selected with different color if i click the record untill i click other row

in Internet explorer the deleting functionality from the field by clicking on the cross icon is not working. In chrome and safari it is working but in internet explorer this functionality is not working.

I have integrated cuppa grid and it's not showing fresh contents after page selection in pagination.
if i clicked on page 2 then it shows page 1's records and then page 2's records in the same grid and does not refresh the grid. Kindly give me any solution/suggestion.
my code ->
`for (i = 0; i < this.count; i++)
{
var tempObj = {
"SrNo": 0, "InvoiceNo": 0, "InvoiceDate": "", "CustomerRefId": 0,
"CustomerName": "", "ProductReferenceId": 0,
"ProductName": "", "ContractRefId": "",
"SumOfQty": 0, "SumOfSales": 0, "Deduction": 0,
"NetSales": 0, "SAR": 0, "NetSalesAfterSAR": 0,
"NCS": 0, "NetSalesAfterNCS": 0,

                            };
                            console.log("*******************testing");
                            tempObj.SrNo = i + 1;
                            tempObj.InvoiceNo = this.NetSalesDetailList[i]["InvoiceNo"];
                            tempObj.InvoiceDate = this.NetSalesDetailList[i]["InvoiceDate"];
                            tempObj.CustomerRefId = this.NetSalesDetailList[i]["CustomerRefId"];
                            tempObj.CustomerName = this.NetSalesDetailList[i]["CustomerName"];
                            tempObj.ProductReferenceId = this.NetSalesDetailList[i]["ProductReferenceId"];
                            tempObj.ProductName = this.NetSalesDetailList[i]["ProductName"];
                            tempObj.ContractRefId = this.NetSalesDetailList[i]["ContractRefId"];
                            tempObj.SumOfQty = this.NetSalesDetailList[i]["SumOfQty"];
                            tempObj.SumOfSales = this.NetSalesDetailList[i]["SumOfSales"];
                            tempObj.Deduction = this.NetSalesDetailList[i]["Deduction"];
                            tempObj.NetSales = this.NetSalesDetailList[i]["NetSales"];
                            tempObj.SAR = this.NetSalesDetailList[i]["SAR"];
                            tempObj.NetSalesAfterSAR = this.NetSalesDetailList[i]["NetSalesAfterSAR"];
                            tempObj.NCS = this.NetSalesDetailList[i]["NCS"];
                            tempObj.NetSalesAfterNCS = this.NetSalesDetailList[i]["NetSalesAfterNCS"];
                            
                            this.arrayList.push(tempObj);
                         
                          
                        }

arrayList: any[] =[];
tempObj: any[] = [];

public config = {
    title: "Gross To Net Sales Detail Report",
    w: 800,
    h: 350,
    itemHeight: 50,
    totalRows: 16000,
    items: this.arrayList
}`

Hi,

Any way to define width for each column as well as column resizing for better presentation ?

Thanks.

I am using webpack with angular2 and want use multiselect dropdown ,i have followed all steps but getting error on each time.please do needful.I have tried lot of times using loader but not done.
{
test: /.sass$/,
// Passing indentedSyntax query param to node-sass
loaders: ["style", "css", "sass?indentedSyntax"]
},
not working.

Hi,

Your mentioned example is workig fine on my machine. But when I tried with async service data. Grid was not binding.

Can you please send a example of that also.

Thanks,
Mohit

I have not got a chance to try using the component, but after seeing the demo, this seems to be cool grid. Fast in sorting and searching.

Any possibility to render column if i insert hyperlink add/remove button in each row and skip the column from searching/sorting ?

1. I have installed packages here is screen shot of it
   
2. Import CuppaDataGridModule in appmodule
   
3. the CuppaDemoGridComponent where i am passing data to view
   
4. Grid on View
   
5. one question it do not have any setting in systemjs.config.js

I have followed all steps but its not working properly .I am using webpack.
Please check and resolve asap.

ERROR in .//angular2-multiselect-dropdown/src/app/angular2-multiselect-dropdown/multiselect.component.ts
Module parse failed: ....\node_modules\angular2-multiselect-dropdown\src\app\angular2-multiselect-dropdown\multiselect.component.ts Unexpected token (9:44)
You may need an appropriate loader to handle this file type.
| import { ListFilterPipe } from './list-filter';
|
| export const DROPDOWN_CONTROL_VALUE_ACCESSOR: any = {
| provide: NG_VALUE_ACCESSOR,
| useExisting: forwardRef(() => AngularMultiSelect),
@ .//angular2-multiselect-dropdown/angular2-multiselect-dropdown.ts 1:0-78
@ ./ClientApp/app/app.module.client.ts
@ ./ClientApp/boot-client.ts
@ multi event-source-polyfill webpack-hot-middleware/client?path=%2F__webpack_hmr ./ClientApp/boot-client.ts