小编Jul*_*eto的帖子

单击按钮时显示数据表表格中的所有记录

任何想法,线索如何在我点击id为"show_all_records"的按钮时显示所有记录?如果我单击id为"restore_records"的按钮,datatables表将恢复其默认状态,例如记录被设置回默认状态.

我可以使用"paging:false/true",但我不知道如何以实时方式应用它.

$(document).ready(function(){

  $('#sample_table').DataTable( {
        "bSort": false,
        "pagingType": "full_numbers",
        "dom": 'T<"clear">lfrtip',
    });
  

});
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdn.datatables.net/r/dt/dt-1.10.8/datatables.min.css" rel="stylesheet"/>
<script src="https://cdn.datatables.net/r/dt/dt-1.10.8/datatables.min.js"></script>



<table cellpadding="0" cellspacing="0" id="sample_table">
  <thead>
    <tr>
      <th>Name</th>
      <th>Position</th>
      <th>Branch</th>
      <th>Department</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td>
    </tr>
    <tr>
      <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td>
    </tr>
    <tr>
      <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td>
    </tr>
    <tr>
      <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td>
    </tr>
    <tr>
      <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td>
    </tr>
    <tr>
      <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> …
Run Code Online (Sandbox Code Playgroud)

javascript jquery datatables

4
推荐指数
1
解决办法
7113
查看次数

父级在 Vuejs 中监听子级发出事件

有没有办法让父组件监听它的子组件发出的自定义事件?

// -- child comp
const addnewbtn  = {
    template : '<div><button v-on:click="showform">Add New Task</button><form v-show="form" v-on:submit.prevent="addnewtask"><input type="text" v-model="taskname" /><button>Add</button></form></div>',
  data(){
    return {
        taskname : '',
      form : false
    }
  },
  methods : {
    showform(){
        if( this.form ){
        this.form = false;
      }else{
        this.form = true;
      }
    },
    addnewtask(){
      this.$emit('add-task',this.taskname);
    }
  },
}

// -- parent comp
Vue.component('todolist',{
    components : { addnewbtn },
    data(){
    return {
        todoitems : [
        { name : 'Task 1', checked : false },
        { name : …
Run Code Online (Sandbox Code Playgroud)

vue.js vuejs2

4
推荐指数
1
解决办法
4348
查看次数

用div jquery包装文本

我在段落中有以下文本,最后有一个html新行

<p class="pcontainer extend">
    First Text<br />
    Second Text<br />
    Third Text<br />
</p>
Run Code Online (Sandbox Code Playgroud)

现在我想要做的是用div包装这3个文本,这样输出就是..

<p class="pcontainer extend">
    <div class="wrap">First Text</div><br />
    <div class="wrap">Second Text</div><br />
    <div class="wrap">Third Text</div><br />
</p>
Run Code Online (Sandbox Code Playgroud)

正如你可以看到每个文本都用div()包装,无论如何,我可以通过jquery或javascript方法实现这一点吗?到目前为止,我目前正在寻找解决方案,但到目前为止,没有什么能满足我的需求.任何建议,推荐和想法,都会喜欢听!先感谢您.

javascript jquery

3
推荐指数
1
解决办法
318
查看次数

向元素添加一个开始div标签,并将div标签结束到另一个元素

我有这个html结构(参见下文)

<div class="pagination_info"></div>
<div class="pagination_numbers"></div>
Run Code Online (Sandbox Code Playgroud)

现在,我想要的是在.pagination_info div之前添加一个开始div标签,并在.pagination_numbers div之后添加end div标签,这样预期的输出必须是(参见下文)

<div class="pagination_wrapper">
    <div class="pagination_info"></div>
    <div class="pagination_numbers"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

到目前为止我尝试过的是(参见下文)

$('.pagination_info').before('<div class="pagination_wrapper">');
$('.pagination_numbers').after('</div>');
Run Code Online (Sandbox Code Playgroud)

所以,我想要实现的是将.pagination_info div和.pagination_numbers包装为具有类名"pagination_wrapper"的父div,但遗憾的是还不成功.任何帮助,建议,推荐,想法,线索,使这项工作将不胜感激.谢谢.

javascript jquery

3
推荐指数
2
解决办法
468
查看次数

laravel 5简单的ajax从数据库检索记录

如何使用Ajax检索数据?当我从数据库中检索记录时,我已经在一些项目中使用了我的ajax代码,但是由于它具有路由和控制器,所以不知道如何在laravel 5中创建它。

我有这个HTML

<select name="test" id="branchname">
    <option value="" disabled selected>Select first branch</option>
    <option value="1">branch1</option>
    <option value="2">branch2</option>
    <option value="3">branch3</option>
</select>

<select id="employees">
    <!-- where the return data will be put it -->
</select>
Run Code Online (Sandbox Code Playgroud)

和ajax

$("#branchname").change(function(){
    $.ajax({
        url: "employees",
        type: "post",
        data: { id : $(this).val() },
        success: function(data){
            $("#employees").html(data);
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

在我的控制器中,我声明了2个雄辩的模型,模型1用于分支名称表,模型2用于雇员表

use App\branchname;
use App\employees;
Run Code Online (Sandbox Code Playgroud)

所以我可以像这样检索数据(请参阅下文)

public function getemployee($branch_no){
    $employees = employees::where("branch_no", '=', $branch_no)->all();
    return $employees;
}
Run Code Online (Sandbox Code Playgroud)

如何返回我从employee表中提取的记录?从ajax首先与控制器通信并返回响应到ajax发布请求的路由进行布线?

任何帮助,建议,建议,想法,线索将不胜感激。谢谢!

PS:我是Laravel 5的新手。

php laravel laravel-5

3
推荐指数
1
解决办法
2万
查看次数

将关联数组作为一个关联数组推送

我有这种所需的关联数组格式(参见下文)

$url = array (
    "a1" => array(
        'k1' => "content of k1 in a1 array",
        'k2' => "content of k2 in a1 array"
    ),
    "a2" => array(
        'k1' => "content of k1 in a2 array",
        'k2' => "content of k2 in a2 array"
    ),
);
Run Code Online (Sandbox Code Playgroud)

在Laravel中,我检索了数据库表中的记录并在其上循环,然后获取其值并将其推送到数组.

$k = kk::with('kk_names')->get();
$k_array = array();
foreach($k as $item){
    $sr = array($item->name => array("k1" => $item->items[0]->description,"k2" => $item->items[1]->description))
array_push($k_array,$sr);
}
Run Code Online (Sandbox Code Playgroud)

它确实有效,但关联数组格式(参见上面的关联数组格式)不是我想要的,它给了我这个.

$url = array (
    array("a1" => array(
        'k1' => "content of k1 …
Run Code Online (Sandbox Code Playgroud)

php arrays associative-array laravel laravel-5

3
推荐指数
1
解决办法
468
查看次数

GET 请求结果到 Lumen 8 中的 CORS 错误

GET当 Axios向我的 Lumen 应用程序发送 HTTP 时,我遇到了 CORS 问题,发送POSTHTTP 似乎没问题。我有一个处理 CORS 的中间件,下面是代码

<?php namespace App\Http\Middleware;

    use Closure;

    class CorsMiddleware{
     /**
     * Handle an incoming request.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  \Closure  $next
     * @return mixed
     */
    public function handle($request, Closure $next)
    {
        $headers = [
            'Access-Control-Allow-Origin'      => '*',
            'Access-Control-Allow-Methods'     => 'POST, GET, OPTIONS, PUT, DELETE',
            'Access-Control-Allow-Credentials' => 'true',
            'Access-Control-Max-Age'           => '86400',
            'Access-Control-Allow-Headers'     => 'Content-Type, Authorization, X-Requested-With'
        ];

        if ($request->isMethod('OPTIONS'))
        {
            return response()->json('{"method":"OPTIONS"}', 200, $headers);
        }

        $response …
Run Code Online (Sandbox Code Playgroud)

laravel lumen axios lumen-8

3
推荐指数
1
解决办法
7263
查看次数

将禁用属性转换为 true 或 false switchery

我使用这个不错的 iOS 复选框插件Switchery iOS checkbox。默认情况下,该复选框处于禁用状态。现在,如果用户单击具有“btn_modify”类的按钮,我想启用 switchery 复选框,如果用户单击具有“btn_cancel”类的按钮,则将其禁用。下面是我的代码参考。

<input type="checkbox" name="" value="" class="js-switch" checked />
<button class="btn_modify">Modify</button>
<button class="btn_cancel">Cancel</button>
Run Code Online (Sandbox Code Playgroud)

并激活开关

//switchery
var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));
elems.forEach(function(html) {
  var switchery = new Switchery(html, { size: 'small', disabled: true, disabledOpacity: 1.0 });
});
Run Code Online (Sandbox Code Playgroud)

和我的尝试

$(".btn_modify").click(function(){
    $(".js-switch").attr("disabled", false);
});

$(".btn_cancel").click(function(){
    $(".js-switch").attr("disabled", true);
});
Run Code Online (Sandbox Code Playgroud)

但遗憾的是没有工作,任何帮助、想法、线索、建议、建议将不胜感激。谢谢!

javascript jquery

2
推荐指数
1
解决办法
7310
查看次数

"使用未定义的常量成功 - 假设'成功'"错误解析json响应

即时通讯使用谷歌recaptcha和我的验证方式是通过ajax,一切正常,我得到了回应

{
success: "false/true"
}
Run Code Online (Sandbox Code Playgroud)

但我得到一个错误,说"使用未定义的不断成功 - 假设'成功'在第30行,任何想法,帮助,建议,建议?

这是我在控制器上的代码(用于传达google recaptcha API的代码)

$captcha=$request->input('g-recaptcha-response');
$response=file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=mysitekey&response=".$captcha."&remoteip=".$_SERVER['REMOTE_ADDR']);
if($response.success == false) //this is the line 30
{
    return 'You are spammer ! Get the out';
}else{
    return 'Thanks for posting comment.';
}
Run Code Online (Sandbox Code Playgroud)

这是第30行"$ response.success == false"

php json

2
推荐指数
1
解决办法
3019
查看次数

使用Laravel Storage Facade删除目录

我正在尝试使用Laravel Storage Facade删除目录,这是我尝试过的

Storage::delete('xtestx');
Run Code Online (Sandbox Code Playgroud)

但不幸的是,它不起作用,相反它给了我这个错误.

storage\app\resources\xtestx):权限被拒绝

任何想法,帮助,线索,建议,建议?

laravel laravel-5

2
推荐指数
1
解决办法
2866
查看次数