Javascript 在手机中编辑表格单元格中数据的插件或任何东西?
请看,我在mobile中有一个表,我希望它的数据是可编辑的。目前,我正在使用textbox使其可编辑,但它看起来不太好(值会被截断,特别是如果值较大) 我在想,当你点击单元格时,它会弹出一个模式和一个文本框来编辑该单元格?是否有这样的插件,或者如果你有更好的解决方案,你介意分享吗?谢谢 是最好的选择,这允许单元格不可编辑。这是一个给定的例子 如果要启用点击编辑。我建议你使用。它将转换您的点击事件。是最好的选择,这允许单元格不可编辑。这是一个给定的例子 如果要启用点击编辑。我建议你使用。它将转换您的点击事件。我一直在使用和。 基于您的易用性,您可以使用我一直在使用和的任何一款。Javascript 在手机中编辑表格单元格中数据的插件或任何东西?,javascript,angularjs,html,Javascript,Angularjs,Html,请看,我在mobile中有一个表,我希望它的数据是可编辑的。目前,我正在使用textbox使其可编辑,但它看起来不太好(值会被截断,特别是如果值较大) 我在想,当你点击单元格时,它会弹出一个模式和一个文本框来编辑该单元格?是否有这样的插件,或者如果你有更好的解决方案,你介意分享吗?谢谢 是最好的选择,这允许单元格不可编辑。这是一个给定的例子 如果要启用点击编辑。我建议你使用。它将转换您的点击事件。是最好的选择,这允许单元格不可编辑。这是一个给定的例子 如果要启用点击编辑。我建议你使用。它将转换您
you can use angular bootstarp modal
Just open a modal on click of any cell and set the value of that cell in the modalInstance.result.then() function.
below is sample code for opening a modal.
You can find more detail about modal on below link
https://angular-ui.github.io/bootstrap/
var modalInstance = $uibModal.open({
animation: $ctrl.animationsEnabled,
ariaLabelledBy: 'modal-title',
ariaDescribedBy: 'modal-body',
templateUrl: 'myModalContent.html',
controller: 'ModalInstanceCtrl',
controllerAs: '$ctrl',
size: size,
appendTo: parentElem,
resolve: {
items: function () {
return $ctrl.items;
}
}
});
modalInstance.result.then(function (returned_value) {
// Set the value of selected cell here
}, function () {
$log.info('Modal dismissed at: ' + new Date());
});
基于您的易用性,您可以使用其中任何一种
you can use angular bootstarp modal
Just open a modal on click of any cell and set the value of that cell in the modalInstance.result.then() function.
below is sample code for opening a modal.
You can find more detail about modal on below link
https://angular-ui.github.io/bootstrap/
var modalInstance = $uibModal.open({
animation: $ctrl.animationsEnabled,
ariaLabelledBy: 'modal-title',
ariaDescribedBy: 'modal-body',
templateUrl: 'myModalContent.html',
controller: 'ModalInstanceCtrl',
controllerAs: '$ctrl',
size: size,
appendTo: parentElem,
resolve: {
items: function () {
return $ctrl.items;
}
}
});
modalInstance.result.then(function (returned_value) {
// Set the value of selected cell here
}, function () {
$log.info('Modal dismissed at: ' + new Date());
});