Alpine.js 和 jQuery DataTables,x-on:在表内触发时单击功能不全
我的 Laravel 和 Alpine.js 刀片页面中有此表。 名字 我的 Laravel 和 Alpine.js 刀片页面中有此表。 <table id="projects-table"> <thead> <tr> <th>name</th> <th>actions</th> </tr> </thead> <tbody> @foreach($projects as $project) <tr> <td>{{ $project->name }}</td> <td><button x-data="{}" x-on:click="$dispatch('open-modal', 'edit-project')">edit</button></td> </tr> @endforeach </tbody> </table> 有了它,我有了这个 JavaScript 代码,可以将其转换为 jQuery DataTable document.addEventListener('DOMContentLoaded', function () { new DataTable('#projects-table'); }); 现在发生的情况是,当我单击 button 内的 td 时,我的模式不会触发 当表不是 DataTable 时,一切正常。 基本上发生了什么(可能),当 jQuery 操作元素时,@click 事件不会触发。有任何已知的修复方法吗?感谢所有帮助。 解决方案是将表包含在由 Alpine 控制的标签中,并在 Alpine 启动后初始化 DataTable: <div x-data> <table id="projects-table"> <!-- ..... --> </table> </div> <script> document.addEventListener('alpine:init', () => { new DataTable('#projects-table') }); </script> 通过这种方式,Alpine 可以检测到 DOM 何时被 DataTables 更改,然后重建他的引用。 否则,在您的具体情况下,您可以使用 vanilla JS 发送自定义事件并保持其他内容不变: <!-- ..... --> <td> <button onclick="window.dispatchEvent(new CustomEvent('open-modal', { detail: 'edit-project' }))"> Edit </button> </td> <!-- ..... --> <!-- Simple example for the modal triggering --> <div x-data="{isOpen: false}" x-show="isOpen" @open-modal.window="isOpen = true"> I'm open! <div>
提取 MS Project 计划中过滤器的详细信息,特别是使用哪些字段
我能够从 MS Project 计划中提取组、表、视图和自定义字段的详细信息。我可以获得过滤器的名称,以及是否应显示摘要行,但我找不到任何内容...
.NET MAUI、ios UseSafeArea 不工作 StackLayout、VerticalStackLayout 和 Grid
<?xml version="1.0" encoding="utf-8" ?> <ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="Test.Views.Activities.ActivityMapList" xmlns:maps="clr-namespace:Microsoft.Maui.Controls.Maps;assembly=Microsoft.Maui.Controls.Maps" xmlns:sensors="clr-namespace:Microsoft.Maui.Devices.Sensors;assembly=Microsoft.Maui.Essentials" xmlns:ios="clr-namespace:Microsoft.Maui.Controls.PlatformConfiguration.iOSSpecific;assembly=Microsoft.Maui.Controls" ios:Page.UseSafeArea="False" Shell.NavBarIsVisible="False" Style="{StaticResource Key=DefaultPage}"> <ContentPage.Content> <StackLayout> <maps:Map VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand"> <x:Arguments> <MapSpan> <x:Arguments> <sensors:Location> <x:Arguments> <x:Double>36.9628066</x:Double> <x:Double>-122.0194722</x:Double> </x:Arguments> </sensors:Location> <x:Double>0.01</x:Double> <x:Double>0.01</x:Double> </x:Arguments> </MapSpan> </x:Arguments> </maps:Map> </StackLayout> </ContentPage.Content> </ContentPage> StackLayout 或 Grid 内的地图控件,iOS 的 SafeArea 为 false,如图所示。 你有什么解决办法吗? 我需要在地图上使用网格或堆栈布局 默认情况下.NET MAUI 将考虑安全区域。所以使用特定于平台的UseSafeArea就是禁用安全区域。目前,将 UseSafeArea 设置为 false 不会改变行为(尽管应该如此),这是一个错误。另请参阅 MAUI github 上的问题:https://github.com/dotnet/maui/issues/5856 您还可以设置 IgnoreSafeArea 属性来实现相同的目的。但是,它不再在 .NET 7 中工作,请参阅以下问题:https://github.com/dotnet/maui/issues/12823 要解决您的问题,您需要将 IgnoreSafeArea="True" 添加到您的 Grid 或 StackLayout 并将 ios:Page.UseSafeArea="False" 添加到您的页面。这应该不是必需的,但这是对我有用的解决方法。 有关在 iOS 上禁用安全区域的文档可以在此处找到:https://learn.microsoft.com/en-us/dotnet/maui/ios/platform-specifics/page-safe-area-layout?view=net-毛伊岛-7.0 您可以设置 Page Padding 值来实现。在OnAppearing方法中,设置页面的safeInsets,如下代码: protected override void OnAppearing() { base.OnAppearing(); DeviceSafeInsetsService d = new DeviceSafeInsetsService(); double topArea = d.GetSafeAreaTop(); double bottomArea = d.GetSafeAreaBottom(); var safeInsets = On<iOS>().SafeAreaInsets(); safeInsets.Top = -topArea; safeInsets.Bottom = -bottomArea; Padding = safeInsets; } 要获取 topArea 和 bottomArea 值,您应该编写平台代码。答案末尾附有有关此内容的更详细教程。 首先你可以在Project文件夹中生成一个新的类文件并将其更改为部分类。生成两个部分方法。 public partial class DeviceSafeInsetsService { public partial double GetSafeAreaTop(); public partial double GetSafeAreaBottom(); } 然后在iOS平台生成部分文件并实现。该文件位于 Project/Platform/iOS 文件夹中,我想提一下的是,该文件是一个部分文件,因此命名空间应与上面的文件相同。生成此文件时,请删除命名空间中的 .Platforms.iOS 后缀。 public partial class DeviceSafeInsetsService { public partial double GetSafeAreaBottom() { if (UIDevice.CurrentDevice.CheckSystemVersion(11, 0)) { UIWindow window = UIApplication.SharedApplication.Delegate.GetWindow(); var bottomPadding = window.SafeAreaInsets.Bottom; return bottomPadding; } return 0; } public partial double GetSafeAreaTop() { if (UIDevice.CurrentDevice.CheckSystemVersion(11, 0)) { UIWindow window = UIApplication.SharedApplication.Delegate.GetWindow(); var TopPadding = window.SafeAreaInsets.Top; return TopPadding; } return 0; } } 更多信息,您可以参考如何在.NET MAUI中编写特定于平台的代码和MauiPlatformCode示例代码 希望它对你有用。
这是错误代码 构建文件 'C:\Users\SSAFY\Desktop\jae\pjt1\sub1\sculpture-project ackend_sculpture uild.gradle' 行:19 评估根项目“ssafy”时出现问题。 > org.gradle.api.
这是我尝试过的: 屏幕 screenWithCalendarField = new Screen(); 比赛日历 = new Match(); 尝试{ 日历 = screenWithCalendarField.find(new File("D:\Sikuli\CalendarField.png").
Eclipse Kepler 中缺少动态 Web 项目选项 [重复]
Eclipse 中新项目的“动态 Web 项目”选项未显示在列表中。虽然“web”文件夹显示了“static web project”选项,但没有“Dyn...
是否使用 useState 来反应原生动画 => new Animated.Value() ?
在react-native中使用Animated.Value()的最佳方法是什么? 是否使用 useState() ? const [fadeAnim] = useState(new Animated.Value(0)) 或者 const fadeAnim = new Animated.Value(0) React-nati...
我想在我的项目中使用包的预发布版本(https://test.pypi.org/project/delta-spark/2.1.0rc1/)。 我正在使用诗歌来管理我的 pyproject.toml。我该怎么做呢? 换句话说...
我正在使用clickuppython调用clickup API。当我在 Clickup 仪表板中设置优先级(例如高)时,出现此错误 回溯(最近一次调用最后一次): 文件“C:\PROJECT\Clickup\main.py”...
找不到参数的方法compile() [project ':react-native-version-check']
我已经实现了react-native的VersionCheck,从文档本身完成了设置,但在运行应用程序时出现错误。 错误无法找到参数的方法compile() [项目...
我想从给定日期获取下一年月份的最后一天 这是我的做法: $copy = new \DateTime(); $lastDay = new \DateTime($copy->add((new \DateInterval('P1Y')))->format...
我目前正在尝试自己编写国际象棋引擎。我写了一个简单的 AlphaBeta Minimax 和 MaterialBalance 评估(链接如下)。我正在使用 SebLagues Chess Challenge Project 进行编程...
致命错误C1034:stdio.h:未指定包含文件的搜索路径。 GraalVM Native Image 没有编译我的项目
GraalVM 没有编译我的项目,我尝试了以下方法: PS D:\Documents\Intellij Idea Projects\Project> ./gradlew.bat nativeRun 配置项目: 项目:=>“com.user.Project”Java 模块 任务:
假设我有三个数字: 可比较 n1 = new Integer(432); 可比较 n2 = new Long(40); 可比较 n3 = new Double(500.12); 我想通过 Comparable 接口来比较这些数字。
这是我的代码: var fd = new FormData(document.querySelector('#form-step1')); var xhr = new XMLHttpRequest(); xhr.open('POST', '/Handlers/newAccount_handler.php', true); xhr.send(fd); // 这个我...
Rust 中的库 crate 和二进制 crate 有什么区别?
在阅读官方书籍时,我偶然发现了包裹和板条箱。为了创建一个新项目,我运行了以下命令: $ 货物新我的项目 创建了二进制(应用程序)“my-project”包 $ ls...
如何修复通过 JavaScript 中的 addEventListener 为 3D 元素分配函数?
我正在尝试使用“第一只狗”和“第二只狗”下的“.project-img”类对照片进行动画处理,方式与第一张照片相同。但是,我的代码使用 forEach 将 addEventListener 分配给...
我想在 2 两位小数之间使用断言,我使用这个: BigDecimal bd1 = new BigDecimal (1000); BigDecimal bd2 = new BigDecimal (1000); org.junit.Assert.assertSame (bd1,bd2); 但是 JUnit 日志...
描述 资源路径位置类型 禁用下载外部资源。 pom.xml /ContactManager 第 3 行语言服务器
在我的pom文件中显示这样的错误如何解决这个问题 我的错误就像 描述 资源路径 位置类型 cvc-elt.1.a:找不到元素“project”的声明。 pom.xml /
运行 getGrades() 方法时,它不断返回 B+。我不知道出了什么问题,我需要帮助。我将分享代码 尝试 { 扫描仪输入 = new Scanner(new FileInputStream(new File(&q...
addPointerPressed 和 addActionListener 有什么区别?
我有以下示例代码: hi = new Form("点击测试应用程序", BoxLayout.y()); Label l = new Label("按程序点击"); hi.add(l); b1 = 新按钮(“单击
PySpark 分区镶木地板需要很长时间才能加载,即使使用指定的模式
设置:我有一个包含约 1300 个分区 parquet 文件的文件夹(例如 C:\Project Data\Data-*.parquet),其中 * 是一个计数器,每个文件大小约为 8MB。所有文件都具有相同的架构。 我是茹...
MediaPlayer 工具 = new MediaPlayer(); MediaPlayer 声音 = new MediaPlayer(); 当我单击“播放”按钮时,我需要这两个对象独立工作,并且应该单独播放。 人声
为什么在使用自定义类加载器时出现 java.lang.NoClassDefFoundError: java/sql/Driver?
这适用于 Java 8: 公开课测试{ 公共静态无效主(字符串[] args)抛出异常{ URLClassLoader 加载器 = new URLClassLoader(new URL[0], null); System.out.println("&
未捕获的类型错误:Promise.reject 不是构造函数[已关闭]
我遇到了问题; const p4 = new Promise.reject("错误"); 或者 const p4 = new Promise.resolve("成功"); 我在定义时遇到这样的错误; 未捕获的类型错误:Promise.reject ...
如何在c#中将字符串从utf8转换(音译)为ASCII(单字节)?
我有一个字符串对象 “具有多个字符,甚至特殊字符” 我正在尝试使用 UTF8Encoding utf8 = new UTF8Encoding(); ASCIIEncoding ascii = new ASCIIEncoding(); 物体在...
Android`binder_interface_utils.h`中的`SharedRefBase'中重载'new'和'delete'的目的,以及`std::make_shared`的问题
在Android代码库中,特别是在binder_interface_utils.h文件中,我注意到new和delete运算符在SharedRefBase类中被重载。有人可以提供一些吗
在 Laravel 7.x 中如何识别邮件是否是使用 Mail::send() 或 Mail::queue() 触发的
我在 Laravel7.x 中有如下代码 Mail::queue(new ReportMail($user)); Mail::send(new ReportMail($user)); 在 ReportMail 类中,有一种方法可以知道邮件是否被调用 邮件::森...
当我在Java中定义一个4d数组时,例如 var f = new float[1000][3][250][250];它只占用堆内存 797 MB,但是当我像 var f = new float[1000][250][250][3]; 那样定义它时;它占据了22...
DateTimeFormatter 得到 LocalDateTime.withYear(0) 的令人困惑的结果?
Java版本:1.8.0_202 参见下面的代码: DateTimeFormatter yy = DateTimeFormatter.ofPattern("yy"); DateTimeFormatter yyy = new DateTimeFormatterBuilder() .appendValueReduced(
使用matlab Latex解释器时如何将字体更改为times new roman?
我使用matlab绘制的x轴名称图是“归一化时间t/T”,其中“归一化时间”应该是times new roman字体,与我的论文的正常字体相同,t/T应该是
当我在Java中定义一个4d数组时,例如 var f = new float[1000][3][250][250];它仅占用堆内存 797 MB。但是当我将其定义为 var f = new float[1000][250][250][3]; 时它占据 2...
这是我的代码: 列表 ids = new ArrayList(); ids.add(10L); ids.add(11L); SQLQuery sqlQuery = session.createSQLQuery( “从类型中选择 type_id,其中parent_ty...
执行此行时出现异常: reportViewerControl.ServerReport.ReportServerCredentials = new ReportServerCredentials(); 例外的是 未找到入口点。;功能...
NJsonSchema v.11 破坏了 JsonSchemaGeneratorSettings
在 NJsonSchema 10.9 中,我曾经用 C# 创建模式生成器,如下所示: 私有静态 JsonSchemaGenerator MakeGenerator() { JsonSchemaGeneratorSettings 设置 = new() {
我在Java中有以下方法: 公共列表getList(字符串str,类clazz){ List lst = new ArrayList<>(); String[] arr = str.split(",&quo...
我使用以下代码让用户选择表单上的多个位置。 @Html.DropDownListFor(m => m.location_code, Model.location_type, new { @class = "form-control", @multiple = "mul...
函数 fetchBooks() { fetch('圣经书.php') .then(响应=> { 如果(!response.ok){ throw new Error('网络响应不正常'); } 返回response.json(); ...
这是我写的一些代码: file_put_contents('a.upl', ''); 尝试 { $x = new \ZipArchive(); $x->open('a.upl'); } catch(\异常$e) { 回声 $e->getMessage(); } 它抛出一个 ZipA...
我使用以下方法在 firebase 中上传数据: HashMap m = new HashMap(); if(approved.isChecked()){ m.put("
在 macOS 的本地主机上设置 HTTPS [mac os catalina 10.15.2]
cd ~/ mkdir .localhost-ssl sudo openssl genrsa -out ~/.localhost-ssl/localhost.key 2048 sudo openssl req -new -x509 -key ~/.localhost-ssl/localhost.key -out ~/.localhost-ssl/localhost.crt -days 3...
存在于松果.ts 中 从 '@pinecone-database/pinecone' 导入 { PineconeClient } 导出 const getPineconeClient = async () => { const client = new PineconeClient() 等待客户。
var MapApiApplication = { 我的当前位置:“”, 地图选项:“”, 标记:“”, 初始化:函数(){ MapApiApplication.myCurrentPosition = new google.maps.LatLng(10.
如何在Java中测试非常大的BigDecimal是否为素数?
我的软件中有以下代码: 布尔值 isPrime = false; BigInteger testnumber = new BigInteger(unLikelyPrime.toPlainString()); if (testnumber.isProbablePrime(100)) { isPrime = true; } ...
由 new 运算符创建的类实例与在 C++ 中使用其构造函数创建的类实例有什么区别[重复]
不知道new返回的指针中创建的实例和调用构造函数创建的实例有什么区别 一生的差异和所有都包含在问题中 为了...
我目前的尝试是: 文件执行目录 = new File("").getCanonicalFile(); ApplicationInfo信息 = ApplicationRegistry.getApplicationInfoByDir(executionDir); 返回 info.getVersion(); 它...
我正在尝试组合两组a和b: Set a = getSetA(); Set b = getSetB(); Set c = new HashSet<>(a); c.addAll(b);...
我有以下代码: ArrayList 条目 = new ArrayList (); 条目.add(“0”); 条目.add(“1”); 条目.add(“2”); 条目.add(“3”); 字符串firstNotHiddenItem =
var openairequest = new XMLHttpRequest(); 常量有效负载 = ({ “型号”:“文本-davinci-003”, "prompt": "说这是一个测试" }); 控制台.log(有效负载)
Laravel 测试assertSessionDoesntHaveErrors() 没有发现错误?
我想在 Laravel 测试中断言两件事: 对象已成功更改(例如,assertSee('New value')) 会话中没有错误(例如,assertSessionDoesntHaveErrors())